更新带音频（单词+例句），LDOCE6，美国当代英语语料库2...

hhuang

  c6 o* ^5 y7 H- A& V
; h/ D0 K1 q. }6月6日更新：重新导出并上传到百度云，下载后直接用就有下面图中的效果，不需要修改代码了。

, ~9 W: G& q3 m& c自己记单词的过程中，觉得有时候大概知道了意思，又不确定。加上按钮播放例句，在看释义前播放，有助于记起单词的意思，帮助记忆。
" Y* o: O3 u) h  I/ E. Q
# R2 F0 [$ O& D1 t) c4 r
把卡片前面的代码换成下面的代码，就有这个效果了。

1. <div id="front">
   
2. 
   
3.   <div class="headbar">{{Deck}}</div>
   , u: M& Q* ]; H2 O) x
4.   <div id="word">
   
5.     {{单词}}
   % X/ E# O, u; x- {8 _# x
6.     <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>
   " F/ V4 D3 o' X; f0 f( a
7.   </div>
   
8.   <div class="yongfa">
   
9.     {{用法}}
   
10.   </div>
    
11. 
    - `1 m6 T% z7 ]) M* O1 {! S
12.   <div id="back">
    * P# [& r& M. L7 \. x
13.     <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>
    - t% D7 @& l" A5 E" S
14.     <div class="shiyi_youdao">
    # o% \/ c5 T) h/ v
15.       {{shiyi_youdao}}
    
16.     </div>
    , P- u% a: M7 d8 k
17. 
    
18.     <div class="headbar">LDOCE6</div>
    
19.     <div id="ldoce6">
    
20.     {{LDOCE6}}
    4 D  W) U+ Y  K$ u) Y9 j- n
21.     </div>
    + O4 R! F! a& g: C- S! s
22. 
    
23.     <script type="text/javascript">
    6 f3 N9 m' q9 q- ]( y, B' O
24.       // format yonfa
    5 N  j) D: g6 x. B9 z
25.       [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {
    
26.         div.innerHTML = div.innerHTML
    ! h, L; t! w3 d; z, E( M6 O, G
27.           .replace(/[1-9]+\)/g, function (symbol) {
    # C7 H# K* l1 F/ \0 j" a
28.             return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';
    7 B. b. [4 t9 N. U7 w* _/ \
29.           });
    
30.       });
    
31. 
    
32.       // play the Ammerican pronouciation
    ) I/ t% P# w$ a. w+ l, Y6 O; O
33.       var amevoice = document.getElementsByClassName("amevoice");
    8 U% f/ j/ q1 L8 E" l' J+ B; X
34.       var anki_modified_code = amevoice[0].innerHTML;
    3 `5 [9 ~& ~2 l7 m- h
35.       //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;
    
36.       var filename =  anki_modified_code.split('ankiplay')[1].split('");')[0];
    
37.       var audio = new Audio(filename);
    7 a2 Z8 S, Q; E( u" ?
38.       audio.play();
      u  M9 d3 d: A, g5 Y  k- N: T- D
39. 
    " t" m* m: |5 I8 R/ j
40.       // add audios of the examples
    
41.       var examples = document.getElementsByClassName("example");
    
42.       var example_audios = "";
    
43.       for (var i = 0; i < examples.length; i++) {
    
44.           var e = examples[i].innerHTML;
    # P. h4 g+ n7 A& K+ T, e4 K1 [+ E
45.           var index = i + 1;
    3 K9 N! f1 W8 u* {% }
46.           if (e.search('mp3]') == -1) {
    
47.             continue;
    
48.           }
    
49.           example_audios += index + e.split('<img')[0];
    
50. //if (i>10) alerta(e.split('<img')[0]);
    / P* Z) q) h( E# ?7 @) V' \. R
51.       }
    1 E4 c+ |; A4 G2 N4 M6 e5 i
52.       var rank = document.getElementById("rank");
    
53.       rank.innerHTML += example_audios;
    5 [3 ?5 d8 P) _4 K
54. 
    4 H  N% J3 ]6 r" V
55.     </script>

复制代码

$ e) B, _4 x8 |- {
* D! s& y8 ?" L$ B我最近自己制作的Anki deck，用来背单词。单词发音，例句音频，Anki，LDOCE6，美国当代英语语料库20000
使用的是美国当代英语语料库20000词频表，用Anki的插件抓取了有道字典的基本释义和LDOCE6的内容（包含单词发音和例句的音频）。注意：音频需要自己点击播放，如果用Anki的那个播放音频是播放所有的包含单词英音美音及例句的音频。我自己加了javascript代码，在学习时打开卡片的时候自动播放单词的美音。
, i/ V  ]5 g5 Y: T! Z( a) L: N有极少卡片里带了哈利波特书里的句子（因为我合并了Kindle看哈利波特时标注的一些单词）。
+ j& b  ^% |/ f* v我自己使用了差不多一个月了，感觉比较不错，估计能坚持背下去。
: m2 _2 H3 R" p2 U. e
下面是截图：
) {0 d4 U1 u+ \' P. g



6 b: ?8 g4 H5 x+ |, v_LDOCE6_wrap.css文件放到Anki的那个media目录下，这样就有上面截图的效果了。这个文件是Anki自动生成的，你如果用Anki的插件从LDOCE6字典里提取过，这个文件应该就已经有了。
( J8 j! Y" l2 h0 o; n3 R) F2 t" \
" w% }  a9 r. V" X/ o0 V链接： [url]https://pan.baidu.com/s/1Z-FqHiEctn_BuWg0cVDu3w [/url]

游客，如果您要查看本帖隐藏内容请回复

heishuiguo

zyx_8 发表于 2019-2-8 17:06
CSS小喇叭小红点无白框，解压覆盖同名文件。
下载后点支持，给有需要的人。
...

你好，你那里还有没有anli文件，百度链接已经失效了。能一起贴上来吗？谢谢了

Jiangxi

zyx_8 发表于 2019-2-8 17:06
5 l3 Y* o+ J. L& X& @. oCSS小喇叭小红点无白框，解压覆盖同名文件。
下载后点支持，给有需要的人。
...

& H1 f9 A4 v" W好几个月了，大过年居然有回复！猪年吉祥！多谢了

zyx_8

3 X$ W' \9 p: b% s' o! [! \

Jiangxi 发表于 2018-10-16 14:40
. L/ Y" Q6 Y$ J! T( \  M想咨询下楼主大大，绿色的喇叭能通过改css,缩小点么？在手机里喇叭好大！

CSS小喇叭小红点无白框，解压覆盖同名文件。
, A% j2 H! m5 u2 F下载后点支持，给有需要的人。
. @5 D( E! _3 r+ a  o3 ?. ?) I

hhuang

ankifyh 发表于 2018-6-5 16:53
2 T1 ^0 C: K6 @我想可能是这个标签里缺点什么：

5 g! ], u7 e& q* L) Y" F代码应该是OK的，我直接从我正在用的card里copy出来的。
6 Z2 T! }2 i: O, P4 ~' j  a<span id='example_audios'></span>，这一块代码是没有用的，我原来想放在单独的span里（ID为example_audios），但后来我直接把那些按钮放到rank那个span里了。
9 W# t  Q4 [+ |' J, i7 D如果这个单词没有example，或者有example但example中没有mp3，那就没有按钮。其它情况都应该有按钮的。
" E* V& ]# e: ^* W你可以alert(examples)看看，自己调试一下，我就是这么看的，了解anki生成的页面的源代码，这样就容易改了。
+ z' a+ O% R' C/ X
1 [) [* w8 d  _/ Q4 I按钮部分看这里：

1.       // add audios of the examples
   & o" |: A! O9 |4 \; ?' }
2.       var examples = document.getElementsByClassName("example");
   ( |  ^0 ^6 C2 t  d$ y* |/ c2 P
3.       var example_audios = "";
   
4.       for (var i = 0; i < examples.length; i++) {
   . R0 P  e: [3 @, H9 C1 E7 @* s
5.           var e = examples[i].innerHTML;
     L3 W' j$ G+ z/ x3 g
6.           var index = i + 1;
   ' s- ?' z1 l) Q/ l3 c# y( T
7.           if (e.search('mp3]') == -1) {
   . E; P1 }( S" ?# B6 e
8.             continue;
   5 e4 U0 a! ~& d8 V7 g4 A
9.           }
   
10.           example_audios += index + e.split('<img')[0];
    
11. //if (i>10) alerta(e.split('<img')[0]);
    5 u/ x+ J* N7 G0 i
12.       }
    
13.       var rank = document.getElementById("rank");
    : t$ i1 {# ~4 d+ Y# o+ e: Q
14.       rank.innerHTML += example_audios;

复制代码

luke2122

很棒的样子 今天才研究好anki这个软件正好下载来试试 谢谢分享

nidetou

既然是coca词频，最好用LAAD3. 谢谢。

huaxianghchc

太棒了啊，感谢你啊

3492145080

这个太给力了，感谢楼主分享！

yesmuren

好棒，谢谢分享

skyrule

版面很美的anki卡，感谢楼主分享

elusty

对背单词很有帮助，hhuang辛苦了。

duancj

这个L6是最初的版本吧，要是A大的版本就好了

2018云水禅心

感谢楼主的分享

histalent

谢谢楼主分享。

pwfans

感谢分享！好资料！

秋天故事

不错的学习资料，感谢LZ无私分享~~

han198808

谢谢H大分享好词库。

001email

正想着，就有了，谢谢

夜落叶千秋

感谢楼主，我想自己抓取考研词汇，不知能授之以渔否

winner_m538M

楼主分享的这个资源太给力了

necuser98

这个文件用来背单词很好，谢谢楼主分享。

mduim

太棒了，谢谢分享，直接收下了！

tonyno1

谢谢LZ分享！！！

M-x

不错不错，谢谢分享
( W1 X5 M+ e) \" ]+ T- B/ j3 C* \

cd300406

感谢楼主的分享

Frank151

楼主辛苦了。谢谢楼主分享。

zfcus

不错,不错,这个可以有!

言叶之庭

感谢楼主制作分享。

Wans1000

非常好，要是剑桥的分级与longman的例句音频整合就更好了。
5 \$ z" R2 o, J! x4 [* h: X( W