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

hhuang

' Q! x- c& T: h& f4 r* V
: @# t$ m1 D  D& G+ r3 V6月6日更新：重新导出并上传到百度云，下载后直接用就有下面图中的效果，不需要修改代码了。

自己记单词的过程中，觉得有时候大概知道了意思，又不确定。加上按钮播放例句，在看释义前播放，有助于记起单词的意思，帮助记忆。
: y3 I7 A' p$ ^8 P

- i5 u6 L! V/ {( N0 Q2 j把卡片前面的代码换成下面的代码，就有这个效果了。
' Q& k& L% T6 s3 H; l7 S

1. <div id="front">
   
2. 
   
3.   <div class="headbar">{{Deck}}</div>
   : l' v# V* d2 w) Y8 n
4.   <div id="word">
   
5.     {{单词}}
   
6.     <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>
   
7.   </div>
   - _( k1 N+ b1 N8 C! n, o( d
8.   <div class="yongfa">
   
9.     {{用法}}
   4 @/ M+ [" z( [/ Y9 F- R
10.   </div>
    
11. 
    % e) Y, E! w, C) o; p
12.   <div id="back">
    
13.     <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>
    
14.     <div class="shiyi_youdao">
    
15.       {{shiyi_youdao}}
    % o6 G0 E+ o6 h$ n) k5 R, N# T
16.     </div>
    9 X0 T8 W7 u% Y! X
17. 
    0 r- B/ P5 [8 W; B
18.     <div class="headbar">LDOCE6</div>
    
19.     <div id="ldoce6">
    / f; \9 ?$ p; Z. u) q0 E
20.     {{LDOCE6}}
    
21.     </div>
    
22. 
    ( g6 B, j. E! E, d* c$ L) T
23.     <script type="text/javascript">
    5 Q, V; E: ~' q8 S; w' ~- f2 c
24.       // format yonfa
    5 t1 d9 g7 G2 q* }
25.       [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {
    
26.         div.innerHTML = div.innerHTML
    1 a6 w/ ]$ @, Y' z/ a' p3 |3 t9 C
27.           .replace(/[1-9]+\)/g, function (symbol) {
    
28.             return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';
    * \/ V1 v$ M9 m1 N/ V: z/ m
29.           });
    ) h7 F& K+ t$ P, }; q! u- ]) Q
30.       });
    
31. 
    
32.       // play the Ammerican pronouciation
    ' ~; G0 m0 r( `: M0 c+ P: q9 B
33.       var amevoice = document.getElementsByClassName("amevoice");
    
34.       var anki_modified_code = amevoice[0].innerHTML;
    , Q* E+ |9 ]& B$ F1 v/ w. X
35.       //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;
    " t/ l) e" A6 H" s- A0 }
36.       var filename =  anki_modified_code.split('ankiplay')[1].split('");')[0];
    ) P' \3 O) ^" i" @1 _
37.       var audio = new Audio(filename);
    2 G' C# l. I" i- D! s& T# s9 j
38.       audio.play();
    
39. 
    
40.       // add audios of the examples
    
41.       var examples = document.getElementsByClassName("example");
    
42.       var example_audios = "";
    2 t& }2 u/ A) L, H# h' s. v5 p% s
43.       for (var i = 0; i < examples.length; i++) {
    3 u  p# ~2 P) \  y
44.           var e = examples[i].innerHTML;
    ( u8 f' D9 S$ w2 _6 u& ]1 Z
45.           var index = i + 1;
    
46.           if (e.search('mp3]') == -1) {
    
47.             continue;
    
48.           }
    8 Y5 ?' y# U/ ~
49.           example_audios += index + e.split('<img')[0];
    $ C& ~& z9 u# S$ w# {
50. //if (i>10) alerta(e.split('<img')[0]);
    
51.       }
    ; Z9 _7 e+ t$ A6 ]
52.       var rank = document.getElementById("rank");
    7 W4 g. U" R% J9 }
53.       rank.innerHTML += example_audios;
    ) G. c& f# R. H0 z9 V8 i, {0 z
54. 
    * q; I  _: n' I) q4 g5 k
55.     </script>

复制代码

+ }; W; k. f1 ^5 {/ [- q! _
我最近自己制作的Anki deck，用来背单词。单词发音，例句音频，Anki，LDOCE6，美国当代英语语料库20000
( a6 `# U& T# n; M) @使用的是美国当代英语语料库20000词频表，用Anki的插件抓取了有道字典的基本释义和LDOCE6的内容（包含单词发音和例句的音频）。注意：音频需要自己点击播放，如果用Anki的那个播放音频是播放所有的包含单词英音美音及例句的音频。我自己加了javascript代码，在学习时打开卡片的时候自动播放单词的美音。
有极少卡片里带了哈利波特书里的句子（因为我合并了Kindle看哈利波特时标注的一些单词）。
我自己使用了差不多一个月了，感觉比较不错，估计能坚持背下去。

下面是截图：




_LDOCE6_wrap.css文件放到Anki的那个media目录下，这样就有上面截图的效果了。这个文件是Anki自动生成的，你如果用Anki的插件从LDOCE6字典里提取过，这个文件应该就已经有了。

链接： [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
: @( ^! |0 @6 CCSS小喇叭小红点无白框，解压覆盖同名文件。
1 C! d  F' k) w* B3 Z下载后点支持，给有需要的人。
3 w0 N# k7 W1 V5 K, z, ]* c ...

7 ]8 W9 C" G- \好几个月了，大过年居然有回复！猪年吉祥！多谢了

zyx_8

Jiangxi 发表于 2018-10-16 14:40
想咨询下楼主大大，绿色的喇叭能通过改css,缩小点么？在手机里喇叭好大！

, h' E/ r; a7 s4 o( iCSS小喇叭小红点无白框，解压覆盖同名文件。
下载后点支持，给有需要的人。

hhuang

ankifyh 发表于 2018-6-5 16:53
我想可能是这个标签里缺点什么：

1 Y% C6 b1 Y% p* I; `7 R$ a3 p1 P( V' P
代码应该是OK的，我直接从我正在用的card里copy出来的。
3 W8 }/ J2 y& c* s8 g: F<span id='example_audios'></span>，这一块代码是没有用的，我原来想放在单独的span里（ID为example_audios），但后来我直接把那些按钮放到rank那个span里了。
9 S6 L% y% X+ ]- N7 ]如果这个单词没有example，或者有example但example中没有mp3，那就没有按钮。其它情况都应该有按钮的。
你可以alert(examples)看看，自己调试一下，我就是这么看的，了解anki生成的页面的源代码，这样就容易改了。
$ B% {" L: v: r5 i2 p. a
按钮部分看这里：

1.       // add audios of the examples
   & Z. Q$ @! \& H+ q! W
2.       var examples = document.getElementsByClassName("example");
   2 x- S! F! k# I2 F% f* m1 A1 X  C% z
3.       var example_audios = "";
   
4.       for (var i = 0; i < examples.length; i++) {
   
5.           var e = examples[i].innerHTML;
   ; M% P2 P! A/ D8 M
6.           var index = i + 1;
   
7.           if (e.search('mp3]') == -1) {
   : L2 ?& N1 a7 t2 H
8.             continue;
   ; k) ^" B; _' W2 W6 s$ ]( \- r4 R
9.           }
   
10.           example_audios += index + e.split('<img')[0];
    6 g. w% q4 [  _* s7 T
11. //if (i>10) alerta(e.split('<img')[0]);
    
12.       }
    
13.       var rank = document.getElementById("rank");
    0 m( U$ F! d) h1 M" I% C
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

不错不错，谢谢分享

cd300406

感谢楼主的分享

Frank151

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

zfcus

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

言叶之庭

感谢楼主制作分享。

Wans1000

非常好，要是剑桥的分级与longman的例句音频整合就更好了。
; m# a( k1 g' b3 N2 x