最近參考了簡書上的這篇指南《anki輔助工具subs2srs詳細使用教程》(http://www.lxweimin.com/p/2cfc15963722)，嘗試用subs2srs把美劇和一些電影制成截圖卡片以便背誦。但這個制卡的前提是你得有字幕文件，才能給把字幕提取成文本轉(zhuǎn)換成卡片。
我想把《盜鑰匙的方法》制成卡片。但是中文和日文字幕都直接嵌在視頻里了，分離不出來，找遍全網(wǎng)也只有中文字幕。這咋辦呢？想起了anki的插件Image Occlusion Enhanced。這個插件的作用是把圖片上的一部分遮蓋掉，方便用圖片資料制卡的。之前研究了一下，原理是在圖片上疊加一張尺寸相同的透明圖，只有需要遮蓋的地方是不透明的，原圖和遮蓋圖兩張摞在一起顯示，就出來了遮蓋效果。利用這個原理，缺少原文字幕的視頻也可以用subs2srs制卡了。
方法大概是：先用subs2srs，把視頻和中文字幕放進去，制成卡片，卡片內(nèi)容是音頻+截圖(中日雙語)+中文字幕。然后根據(jù)截圖里字幕的位置，分別制作日語字幕遮蓋圖、中文字幕遮蓋圖和全透明的不遮擋層。這些遮擋圖的尺寸和截圖要相同。然后把卡片CSS修改一下，使遮蓋圖疊加顯示在截圖上，代替日文字幕。因為所有截圖的字幕位置都是固定的，所以只需要制作一張日語遮蓋和一張中文遮蓋就可以用于所有的截圖了。
卡片的修改方法：
導(dǎo)入subs2srs制卡后，修改卡片類型，增加“中文遮擋”、“外文遮擋”、“不遮擋”3個區(qū)域，用批量編輯插件把自己做的3種不同的遮擋圖分別放在對應(yīng)區(qū)域里。
然后修改卡面，在需要顯示遮擋截圖的地方，加上下面這段代碼：
{{#截圖}}
<div id="io-wrapper">
<div id="io-overlay">{{中文遮擋}}</div>
<div id="io-original">{{截圖}}</div>
</div>
{{/截圖}}
在需要顯示沒有任何遮擋的截圖的地方，加上這段代碼：
{{#截圖}}
<div id="io-wrapper">
<div id="io-overlay">{{不遮擋}}</div>
<div id="io-original">{{截圖}}</div>
</div>
{{/截圖}}
然后在卡片CSS里加上這段代碼：
#io-overlay {
position:absolute;
top:0;
width:100%;
z-index:3
}
#io-original {
position:relative;
top:0;
width:100%;
z-index:2
}
#io-wrapper {
position:relative;
width: 100%;
}
卡片其余部分按自己的需要改改就可以。
最后制成的卡片效果大概是這樣：卡正面顯示日語截圖，點擊看答案后，卡背面顯示雙語截圖。
這樣問題就解決了。
把我用這個方法制成的牌組分享一下。導(dǎo)入ANKI就可以用了。媒體文件比較多，2K+，最好手動同步媒體文件。每一句臺詞有中文和日文兩張卡，會播放音頻。卡片樣式修改自leaflyer（http://leaflyer.lofter.com/post/4798b6_a4492e3）。
下載牌組：https://pan.baidu.com/s/1eROJQXs 密碼: db8y
