TA的每日心情 | 衰 2018-4-23 09:34 |
---|
签到天数: 4 天 [LV.2]偶尔看看I
|
本帖最后由 hhuang 于 2018-7-14 09:30 编辑
$ z$ I' R9 r5 n. W
0 [0 M9 J; ~& j. F, V. f6月6日更新:重新导出并上传到百度云,下载后直接用就有下面图中的效果,不需要修改代码了。
' V# I+ O0 _4 ]( N# N" t% u; p7 J$ G- W
自己记单词的过程中,觉得有时候大概知道了意思,又不确定。加上按钮播放例句,在看释义前播放,有助于记起单词的意思,帮助记忆。
7 K8 H1 ~! |8 w5 ^" q# d8 r7 r6 [& A- g+ [& N6 j0 w; o _
2 E% J& ?1 m+ s _ A: d }
把卡片前面的代码换成下面的代码,就有这个效果了。; n" D# B7 c. H0 T2 F. J% e
- <div id="front">0 n, d9 x9 }# f0 {8 h
9 E) J/ ~0 }# _6 T5 [: P- <div class="headbar">{{Deck}}</div>
2 X0 C9 C* c) N$ Z+ { - <div id="word">4 F9 c- I4 a( u$ y4 a
- {{单词}}* ]. V2 d" l+ Z$ P2 Z+ d9 L3 p' a
- <span id="rank"> {{ranking}} </span><span id='example_audios'></span>
- ^2 A u; d; h/ p2 m& G1 ~& @; H0 I - </div>+ M4 {# X0 a- Z) e
- <div class="yongfa">
# M; M* G) {2 T, A( z& x: } - {{用法}}
1 \# J# n/ s/ y; `/ ? - </div>
8 z6 t5 O6 g) T2 ?# [1 b) z, n
8 F; J: N5 ]0 b4 O5 j2 f' l1 l& J- <div id="back">
9 C3 P( d8 V# q - <div class="headbar">有道词典 基本释义</div>. l9 I+ ?# [: X
- <div class="shiyi_youdao">
" Y1 h. n9 V: }3 |3 p: Y( k - {{shiyi_youdao}}
! \( L2 `7 ^+ J6 H: V" ~ - </div>
9 V! ~9 t C+ n; P2 w: G" n! a
! p1 N4 A; J7 ?; e" u+ Z- U- <div class="headbar">LDOCE6</div>
0 e( T; @6 c H+ |+ J+ p - <div id="ldoce6">
+ w1 V7 ^2 V. ~0 Z1 [( r/ o6 h - {{LDOCE6}}
8 l' M* f4 ~5 W9 s3 G - </div>
" a/ r2 ^( K/ [; G6 w - . J1 h, b8 \8 o4 o" d
- <script type="text/javascript">
4 ]* U" V) R p7 v) u - // format yonfa% y; B8 x. ~% c
- [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {9 y+ q) u* N$ a4 o9 [
- div.innerHTML = div.innerHTML" `/ i u: z J* o" V$ h1 d
- .replace(/[1-9]+\)/g, function (symbol) {
* [; {3 }5 @1 P6 u) J9 j; s - return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';
$ S: p" u( ~4 q - });
. N# A# d( _' r( u7 J# O - });9 S) Y: k( n" w [: K# [7 F
, |) p5 |+ h; I, F, C/ O- // play the Ammerican pronouciation
J. N$ c6 Z" x, m- B - var amevoice = document.getElementsByClassName("amevoice");- Y" x7 E8 B# i" y4 O0 p1 h, D: D
- var anki_modified_code = amevoice[0].innerHTML;8 H o( ?: z" k* X: R
- //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;& g, E; ^! g; o8 c
- var filename = anki_modified_code.split('ankiplay')[1].split('");')[0];
/ j' X, V& T+ `! k - var audio = new Audio(filename);& q: t" n& u8 }1 C7 Q9 F
- audio.play();+ U `4 S- L4 x4 Q }
" @* `, ~* z5 h- // add audios of the examples
( z" v4 M+ h& B3 n- I9 Q - var examples = document.getElementsByClassName("example");
- v7 ?, _9 v6 Z9 m, u# t - var example_audios = "";
0 |) z: r3 M6 S) X% r - for (var i = 0; i < examples.length; i++) {
- p$ E7 x9 g, s; \4 {; `4 X0 O - var e = examples[i].innerHTML;6 U7 w7 l- R, ~: |6 H0 I; S
- var index = i + 1;1 ?' _* U: [( t8 g
- if (e.search('mp3]') == -1) {
4 K% p( i% h) e1 W7 }, \) A1 C - continue;. }. I; d( I7 O
- }
O: x) O/ j: n y - example_audios += index + e.split('<img')[0];# Y& L% o9 G2 \. r3 l! [
- //if (i>10) alerta(e.split('<img')[0]);
( y& i6 v+ l9 N0 G - }
* I* P$ Q& @5 E - var rank = document.getElementById("rank");
- M, s3 b1 a; D, i) H% B - rank.innerHTML += example_audios;
" ~! |; V: l6 k% j! k2 y - 0 f. [0 J$ T' H' }: F3 [
- </script>
复制代码
. c* o: {) O5 Z
, C; H0 K. n* q' c我最近自己制作的Anki deck,用来背单词。单词发音,例句音频,Anki,LDOCE6,美国当代英语语料库20000
3 D" y: t/ q+ ~; R0 e/ R' d1 Z5 b使用的是美国当代英语语料库20000词频表,用Anki的插件抓取了有道字典的基本释义和LDOCE6的内容(包含单词发音和例句的音频)。注意:音频需要自己点击播放,如果用Anki的那个播放音频是播放所有的包含单词英音美音及例句的音频。我自己加了javascript代码,在学习时打开卡片的时候自动播放单词的美音。
3 d* ?. S) b, I3 p; i4 W, B' P, T有极少卡片里带了哈利波特书里的句子(因为我合并了Kindle看哈利波特时标注的一些单词)。
6 v7 E+ `/ Q( u& R% G我自己使用了差不多一个月了,感觉比较不错,估计能坚持背下去。
- }+ G# d- y: B3 t; P0 q3 E/ s4 ~+ p8 \ T* {5 K$ ~6 p# {
下面是截图:- O& L$ s' E. o+ H6 F8 A
# [2 u9 {- u8 b" ?5 `
! A- G: F/ a; X3 s( {
! j, o t* E! ]8 { O& I7 L8 q% o$ \" r/ j8 F5 @( v+ ]$ @
_LDOCE6_wrap.css文件放到Anki的那个media目录下,这样就有上面截图的效果了。这个文件是Anki自动生成的,你如果用Anki的插件从LDOCE6字典里提取过,这个文件应该就已经有了。
3 b, m0 P$ |7 r/ j9 ~2 u2 y
2 y# L f. U" G& i) q- c! n链接: [url]https://pan.baidu.com/s/1Z-FqHiEctn_BuWg0cVDu3w [/url]. V2 \6 ~& j; b$ N: x
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?免费注册
x
评分
-
9
查看全部评分
-
|