TA的每日心情 | 衰 2018-4-23 09:34 |
---|
签到天数: 4 天 [LV.2]偶尔看看I
|
本帖最后由 hhuang 于 2018-7-14 09:30 编辑
; B% l* F" ^0 A% Y& p2 F; v, B6 o E: K( N* @ V
6月6日更新:重新导出并上传到百度云,下载后直接用就有下面图中的效果,不需要修改代码了。
& c3 }- k- x9 k: s6 |: k3 k% W: O& p4 Q6 H/ H; n9 K/ P
自己记单词的过程中,觉得有时候大概知道了意思,又不确定。加上按钮播放例句,在看释义前播放,有助于记起单词的意思,帮助记忆。4 _1 ?* {$ }1 Q" v& S/ ]
6 M# p$ H% ?% _5 _" Z P d) o
! o2 g( D4 z7 y+ s0 N
把卡片前面的代码换成下面的代码,就有这个效果了。
1 x: q, L3 N+ Y# K: z4 m- <div id="front">
' m, c: v, q& Q9 j! J. q- t - / K1 M" S: F0 r$ J7 m w3 m
- <div class="headbar">{{Deck}}</div> x3 C; V! y9 A+ _+ E# Y) d
- <div id="word">; `. t/ @" U q
- {{单词}}) w, Y6 f- h6 A( S
- <span id="rank"> {{ranking}} </span><span id='example_audios'></span>
. w# n* `( a: }8 I - </div>5 G) U+ [ I4 q
- <div class="yongfa">
! s* f! }1 b# O! ?5 K2 [& D; L% D; P - {{用法}}
4 c: c5 ~' k' V5 C J - </div>
, b* k# }6 o& P
f, u7 l/ r& ?- <div id="back">
2 `% S3 A* t+ P5 V - <div class="headbar">有道词典 基本释义</div>7 g7 N7 G3 C% m
- <div class="shiyi_youdao"># s: U+ j# `! a/ T: \
- {{shiyi_youdao}}
' e: V w' O5 Y* B* T. t) S y - </div># m3 B# A4 P" \) z
- 3 Y, d$ x6 m- T6 i5 G
- <div class="headbar">LDOCE6</div>8 r3 ]4 G0 J" I8 ]$ }! a
- <div id="ldoce6">
& D- w6 o! L7 I/ V- I% N1 d1 g - {{LDOCE6}}. K: v* v5 G+ V# K$ o1 l
- </div>
5 c6 y, ~ b; m& y7 F
4 l4 {$ d+ v" [- <script type="text/javascript">: Q4 ^' ~$ e" {. M* ]* {& q
- // format yonfa
5 r4 T- A& \% y0 s* r - [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {) m2 u+ v) l" ^; B+ s* D' K6 ^
- div.innerHTML = div.innerHTML$ L# b" g! E. Y1 p$ h7 Q" z
- .replace(/[1-9]+\)/g, function (symbol) {
9 o# R8 R" U5 l% ^' `4 s F% ] - return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';
( M6 \* p7 X* W - });
O7 q0 B3 _' ?1 c - });
* P2 {$ g6 y; a4 z$ n
9 |1 R; ]8 ~ ^% v; D8 Y- // play the Ammerican pronouciation: {" |2 ~0 I! b( m, G5 j: K$ b- P
- var amevoice = document.getElementsByClassName("amevoice");
# ], V) x8 P5 m* E- z - var anki_modified_code = amevoice[0].innerHTML;* e6 m% b& i0 Y: v7 ]7 R
- //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;, O/ ~- y# y2 a: v
- var filename = anki_modified_code.split('ankiplay')[1].split('");')[0];
1 [- Q Q- q# H ?" Q - var audio = new Audio(filename);0 t5 J6 M! I0 n+ w* J
- audio.play();8 R; y. T e, W& a4 [% a: B, P C
' {" y: J$ K) {& Q% \8 I- // add audios of the examples$ s: r N, S0 b/ v4 e% G
- var examples = document.getElementsByClassName("example");( O- C5 n. f5 O5 ], L
- var example_audios = "";) U2 S; L" f2 o$ Z
- for (var i = 0; i < examples.length; i++) {, z8 Q' {; b3 z2 k; Y# o
- var e = examples[i].innerHTML;$ [6 ?' p7 @7 b1 o* e/ @
- var index = i + 1;
( ^- @! q) ]# H, e - if (e.search('mp3]') == -1) {
/ } H- h* c8 ^ F& p6 J - continue;
: G4 E, x- m9 G+ G' ^$ g1 q - }
0 k, H/ k3 R; M5 o0 k) S - example_audios += index + e.split('<img')[0];
* B# E8 X& {, P/ q - //if (i>10) alerta(e.split('<img')[0]);' q5 w4 ~3 m0 Q! K5 V/ A
- }
6 [' S: y( v$ A6 v5 r9 }' \0 N& O - var rank = document.getElementById("rank");
5 R# X3 j5 n- `% s3 o - rank.innerHTML += example_audios;
U8 `( Y- n+ X( T$ D B, C, ~/ a. _ - , g- @2 S% ^9 d2 [
- </script>
复制代码
, {0 x7 w% M3 t( [/ ?( K, L4 V3 k8 a) }& b: B; M3 p5 |# A% f, A8 i
我最近自己制作的Anki deck,用来背单词。单词发音,例句音频,Anki,LDOCE6,美国当代英语语料库20000
; R' X9 \' H3 l7 h7 B* Y" y使用的是美国当代英语语料库20000词频表,用Anki的插件抓取了有道字典的基本释义和LDOCE6的内容(包含单词发音和例句的音频)。注意:音频需要自己点击播放,如果用Anki的那个播放音频是播放所有的包含单词英音美音及例句的音频。我自己加了javascript代码,在学习时打开卡片的时候自动播放单词的美音。
4 B7 ^' B. k, d+ k7 t* F6 _9 j8 t有极少卡片里带了哈利波特书里的句子(因为我合并了Kindle看哈利波特时标注的一些单词)。. u0 B- B4 M+ X7 Y; u& i) L
我自己使用了差不多一个月了,感觉比较不错,估计能坚持背下去。
6 M* f% t/ U0 i! `
/ A0 g" A0 C8 J下面是截图:
7 B- Y; {) H- T2 ~: u' \) Q \ @( t 6 Q3 n/ l0 t* l3 E/ g" @/ f* Y
' M+ u- h* I, ^" O
8 s! V. W: y, M4 Y+ |1 u; n* ?7 B2 W- f
_LDOCE6_wrap.css文件放到Anki的那个media目录下,这样就有上面截图的效果了。这个文件是Anki自动生成的,你如果用Anki的插件从LDOCE6字典里提取过,这个文件应该就已经有了。
' A* Y5 a" x" [7 ], ]
. l! @8 q) K9 o0 I" v链接: [url]https://pan.baidu.com/s/1Z-FqHiEctn_BuWg0cVDu3w [/url]
: e/ |" x! |, z A# L2 f |
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有帐号?免费注册
x
评分
-
8
查看全部评分
-
|