TA的每日心情 | 擦汗
2018-10-14 15:10 |
|---|
签到天数: 101 天 [LV.6]常住居民II
|
本帖最后由 henices 于 2018-3-1 15:14 编辑
; G, G) z. @9 v9 L+ e5 V+ Z8 M- E
最近参考了简书上的这篇指南《anki辅助工具subs2srs详细使用教程》(http://www.jianshu.com/p/2cfc15963722)，尝试用subs2srs把美剧和一些电影制成截图卡片以便背诵。但这个制卡的前提是你得有字幕文件，才能给把字幕提取成文本转换成卡片。
9 p( k0 Y! C: Q( e7 r9 I8 F& s' [8 }- n9 L
我想把《盗钥匙的方法》制成卡片。但是中文和日文字幕都直接嵌在视频里了，分离不出来，找遍全网也只有中文字幕。这咋办呢？想起了anki的插件Image Occlusion Enhanced。这个插件的作用是把图片上的一部分遮盖掉，方便用图片资料制卡的。之前研究了一下，原理是在图片上叠加一张尺寸相同的透明图，只有需要遮盖的地方是不透明的，原图和遮盖图两张摞在一起显示，就出来了遮盖效果。利用这个原理，缺少原文字幕的视频也可以用subs2srs制卡了。' x6 t1 V+ K6 G* `1 t; K* g
* R, i" F- T, l0 \, M( [0 v
方法大概是：先用subs2srs，把视频和中文字幕放进去，制成卡片，卡片内容是音频+截图(中日双语)+中文字幕。然后根据截图里字幕的位置，分别制作日语字幕遮盖图、中文字幕遮盖图和全透明的不遮挡层。这些遮挡图的尺寸和截图要相同。然后把卡片CSS修改一下，使遮盖图叠加显示在截图上，代替日文字幕。因为所有截图的字幕位置都是固定的，所以只需要制作一张日语遮盖和一张中文遮盖就可以用于所有的截图了。
' P. w. e6 @, ~# _) y
% y; G1 C- k8 E$ @& u5 Q v 5 N. F3 A5 K( H( F4 Q2 _! b
(↑上到下：日语遮挡、截图、中文遮挡)9 z$ r* Z1 ]7 }. b- s
( M7 ^- [8 [* ?. `) D- u
 R# y* P1 A2 e, A
(↑中文遮挡叠加在截图上的显示效果)
& B3 z+ Q5 ?0 j$ E2 n" z F) A
- I4 x6 v/ X: w% ?% ]8 N$ e; T卡片的修改方法：/ @1 [; x( Y7 ]9 E
0 T: W# c( J) V8 w0 S& R3 N导入subs2srs制卡后，修改卡片类型，增加“中文遮挡”、“外文遮挡”、“不遮挡”3个区域，用批量编辑插件把自己做的3种不同的遮挡图分别放在对应区域里。) j( T, ~5 R6 ^; y! ` s6 l
/ S5 V# @# r% p. [然后修改卡面，在需要显示遮挡截图的地方，加上下面这段代码：
* x6 }* V- \9 l, S' g- n( ?{{#截图}}0 v! ?- d' G" J' v- x$ F
<div id="io-wrapper">* ]9 ~. y, F9 g( `: o
<div id="io-overlay">{{中文遮挡}}</div>
+ @1 q4 Z: \) a; c. @! b<div id="io-original">{{截图}}</div>
- x' R# Q" H8 L" X: |4 f</div>) Z! O: G; U, a2 _# P
{{/截图}}
- h9 m7 w9 ^! I. X' s7 }# g7 H9 W& B在需要显示没有任何遮挡的截图的地方，加上这段代码：
' @# L1 W0 S" [7 ]* s7 I& d
, ] v U! n: {( \{{#截图}}
; x2 ]6 T+ B2 T P) Z# ^. q<div id="io-wrapper">
+ O; g8 `7 V) l9 c2 _# b; h<div id="io-overlay">{{不遮挡}}</div>
, i6 ~6 i; e3 |2 _: y u<div id="io-original">{{截图}}</div>* Q5 r* x1 j. P x7 V) d
</div>
% A" ? I7 @% |. ?/ Q& ~/ G{{/截图}}
# w7 r, f- w7 z5 S然后在卡片CSS里加上这段代码：; c3 X$ {3 M7 q% Y7 O( ]
6 K, [4 q9 w& R: C, q$ L3 y
#io-overlay {
+ g5 h2 {) c* Y5 h position:absolute;
$ K/ D+ M" v) A, R7 t8 R: K top:0;
9 u8 N0 r. l& ?( z width:100%;
! [8 r. H, v, a$ H* y/ E8 f$ C, f3 a z-index:3
. Z0 [7 S4 r2 ]& R1 e' m}
6 _) [' |' Z" p9 y0 \! S" T. ^& [/ n! W" m5 L& Z5 m
#io-original {
& z4 u7 |/ V _5 Y position:relative;
% o+ Z3 P2 D; N' W6 a9 t; c. g; V top:0;
8 ^1 s3 g' I. g( s width:100%;8 E, _0 o. \1 O# N
z-index:2
5 U' C% u0 d" l, @}
- H: G6 n4 s, H( O' N5 s' E j
* e6 R% K9 G1 ]1 i: b#io-wrapper {
3 _! K6 ]# d. L6 c& Z position:relative;
4 v( Q |% T5 R0 J, l width: 100%;0 X* L6 D* m8 L; ~, k. ^
}
4 Q; {# S# P+ N7 y% n; g2 s% c& q7 S6 g O, @# \
卡片其余部分按自己的需要改改就可以。
4 o0 f4 I8 v }, ]/ S
+ Z# [2 t d2 K8 R , A. P8 {/ @$ c* c! o) i( d2 @
（↑编辑卡片）
, h/ u* u) O* N7 H- }! p5 Z0 _. H) S' |' M+ Q5 M; |- x, @2 x+ x
最后制成的卡片效果大概是这样：卡正面显示日语截图，点击看答案后，卡背面显示双语截图。# k7 z) a, C6 {
6 n* |: w) l3 j+ F$ Y+ H
9 U U A5 S4 h1 X
$ _& a j, s8 u: w" B这样问题就解决了。' }$ h3 [1 M9 |; p8 K, D( e( R
e) j- B- q3 `* R. G
把我用这个方法制成的牌组分享一下。导入ANKI就可以用了。媒体文件比较多，2K+，最好手动同步媒体文件。每一句台词有中文和日文两张卡，会播放音频。卡片样式修改自leaflyer（http://leaflyer.lofter.com/post/4798b6_a4492e3）。
5 n) ?% Q4 g' L$ ?( d0 _6 d5 R下载牌组：https://pan.baidu.com/s/1eROJQXs 密码: db8y
$ }/ s# A. `* X# [" |% X7 I5 @; t' I) @
|
评分
-
2
查看全部评分
-
|
发表于 2018-1-14 15:42:47
楼主
