TA的每日心情 | 衰 2018-4-23 09:34 |
---|
签到天数: 4 天 [LV.2]偶尔看看I
|
本帖最后由 hhuang 于 2018-7-14 09:30 编辑
. H w( a3 v% U/ C0 B8 Y; A7 W+ U. T0 S
6月6日更新:重新导出并上传到百度云,下载后直接用就有下面图中的效果,不需要修改代码了。, L% ]/ m, X" }2 L3 K2 D
/ @, Z# e& `0 A7 K/ b自己记单词的过程中,觉得有时候大概知道了意思,又不确定。加上按钮播放例句,在看释义前播放,有助于记起单词的意思,帮助记忆。; Y) z3 y4 ?/ {3 V6 D- J0 u) t
( m: ?- T e$ @! N, S& l
: U, U T9 Y! Y把卡片前面的代码换成下面的代码,就有这个效果了。- M( ?$ i" d- h, L
- <div id="front">
% A% Q" O* Y/ v1 L% K& }- e
2 @' O( E+ e. r& `$ e& M) `7 v- <div class="headbar">{{Deck}}</div>
( ^2 |. K! f/ B* N. o - <div id="word">2 J4 q2 x# K4 v/ j3 F
- {{单词}}. o- S W$ o0 q. O2 h% s+ a
- <span id="rank"> {{ranking}} </span><span id='example_audios'></span>$ Z+ m$ ^: Q: Z# D
- </div>
! g {' X$ G- m" {6 H, o. \ - <div class="yongfa">* n5 }9 U- e! h6 { e* I1 m
- {{用法}}
$ B9 \! e J4 ]* z* X& Q - </div>) B, H% ^' |. V' Y
0 w& B+ @* U+ i8 r% M) @$ \- <div id="back">
2 P( P/ S. c, A* B! R8 n - <div class="headbar">有道词典 基本释义</div>
4 v4 z, s5 B# t& q1 ~* {2 A, y - <div class="shiyi_youdao">- }- k3 w" \9 [* F* U$ r
- {{shiyi_youdao}}
, M" }, z- d7 r3 m2 q - </div>* U" J9 l0 _( J+ |
e9 g* \% d5 z- <div class="headbar">LDOCE6</div>
% x* y; M- O6 P# x - <div id="ldoce6">3 |" {% }# y- w3 E( R& [1 `
- {{LDOCE6}}
3 e s7 {" ?+ m! w9 }9 w, o8 q3 F - </div>
' b) Z# }5 Z+ W7 T/ a, u. _8 b
8 V1 C+ G* a3 B0 }3 y- <script type="text/javascript">
& E# m. k1 U3 X, q) ^2 O: Z+ u - // format yonfa! } m7 w' V0 y# s3 I
- [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {8 B, R/ R' H2 e8 w) b) |9 U! g' s
- div.innerHTML = div.innerHTML
% ~" |% T+ e4 C1 X0 Y+ h - .replace(/[1-9]+\)/g, function (symbol) { w- D; M _' i% m) Y5 q
- return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';
, p3 @" s r, C7 t# V6 S4 D q - });( n) ^' W# U+ T+ [0 N! g8 G% U
- });
! Y5 R8 I J1 \# f - _4 ~# ?3 M* J
- // play the Ammerican pronouciation
) z8 \" h# w5 ?* T3 K - var amevoice = document.getElementsByClassName("amevoice");
: \$ I; V$ m6 k5 F6 z+ Z9 C - var anki_modified_code = amevoice[0].innerHTML;
: Z$ x6 E3 P/ ]$ n3 u - //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;
1 z. V1 a- R6 t. g3 b - var filename = anki_modified_code.split('ankiplay')[1].split('");')[0];
4 u0 c2 P: G& ^0 {. o( w3 ^ - var audio = new Audio(filename);# ], Q5 P# }4 s7 F! p9 V
- audio.play();7 }/ a; ?/ _" N7 b1 U
- : S* `, I0 \* Z/ q8 |. G' s& W
- // add audios of the examples. F& @3 ~; l6 j
- var examples = document.getElementsByClassName("example");- U# _ |. K7 S. k3 ^. \& u5 y% d
- var example_audios = "";
7 |8 c" J. d1 K! v$ z# g t) o* x - for (var i = 0; i < examples.length; i++) {2 u# Z. N; o, V2 a2 o5 F" k; ?
- var e = examples[i].innerHTML;* p, [1 ]8 W: n
- var index = i + 1;
0 R" u9 `3 n# L0 b - if (e.search('mp3]') == -1) {
9 a6 G+ m: x* O, | - continue;
( Q. }. O* T% y) ~5 S. K - }
# ^, j, }1 a: G8 Q: \ - example_audios += index + e.split('<img')[0];
% A- o& z; B- z - //if (i>10) alerta(e.split('<img')[0]);
+ I: `9 ]# P0 N - }7 H9 @0 K* F6 [2 ~
- var rank = document.getElementById("rank");7 D+ a3 z& l! q* {5 Y4 Z
- rank.innerHTML += example_audios; h1 k. q" d9 h3 _, p9 |! k9 @
" j2 a7 ^( C F/ }2 x, E- </script>
复制代码
, b1 ~+ {5 J9 }3 v# T% z. C9 F7 S4 b1 F m& _' E1 ^
我最近自己制作的Anki deck,用来背单词。单词发音,例句音频,Anki,LDOCE6,美国当代英语语料库20000( f( j% }! ^$ w$ Z3 U$ F
使用的是美国当代英语语料库20000词频表,用Anki的插件抓取了有道字典的基本释义和LDOCE6的内容(包含单词发音和例句的音频)。注意:音频需要自己点击播放,如果用Anki的那个播放音频是播放所有的包含单词英音美音及例句的音频。我自己加了javascript代码,在学习时打开卡片的时候自动播放单词的美音。
X7 A/ Y" |5 C有极少卡片里带了哈利波特书里的句子(因为我合并了Kindle看哈利波特时标注的一些单词)。
7 @4 d J( S# q0 j0 I& H+ |我自己使用了差不多一个月了,感觉比较不错,估计能坚持背下去。5 l+ c' g. U0 F, M( y+ K" b. ?
" T2 u+ ^! a0 {% p c5 d3 U
下面是截图:
: @8 g- X* M, r+ \0 {$ @
l; m% x! B/ N1 Z K6 X% J
9 z5 I1 F. _% P4 e( w
1 N$ j# u7 U/ s& @1 u }4 L0 t4 ]# U4 H
_LDOCE6_wrap.css文件放到Anki的那个media目录下,这样就有上面截图的效果了。这个文件是Anki自动生成的,你如果用Anki的插件从LDOCE6字典里提取过,这个文件应该就已经有了。: K4 z8 H2 o: z+ j! j* c) X
+ k- n( g4 z4 N/ M/ m1 t
链接: [url]https://pan.baidu.com/s/1Z-FqHiEctn_BuWg0cVDu3w [/url]
1 X" j% A" `/ C& m* \, C& l3 d
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有帐号?免费注册
x
评分
-
8
查看全部评分
-
|