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

hhuang

6月6日更新：重新导出并上传到百度云，下载后直接用就有下面图中的效果，不需要修改代码了。

  f8 Y! }3 e7 r. A自己记单词的过程中，觉得有时候大概知道了意思，又不确定。加上按钮播放例句，在看释义前播放，有助于记起单词的意思，帮助记忆。

/ c$ y4 i7 N, {% _) r
5 a) S2 L/ J& U9 f6 m把卡片前面的代码换成下面的代码，就有这个效果了。
: ?5 b1 d" u( F4 |/ m

1. <div id="front">
   
2. 
   3 q9 z+ }8 y1 }6 d5 e0 u# ]" b& U
3.   <div class="headbar">{{Deck}}</div>
   ; K; `) @; X) W# C' {! Y2 |1 i7 m, U
4.   <div id="word">
   " m  E' J  {9 d  o
5.     {{单词}}
   
6.     <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>
   : B9 x: G0 Q* [6 P, g2 ^/ [) M/ _; r
7.   </div>
   # e( g3 E. n; ~8 w9 T# u+ k! j& ]7 e
8.   <div class="yongfa">
   5 J" T6 ~) H, y# a9 X
9.     {{用法}}
   ' a+ B8 r/ h  }5 j$ n  t
10.   </div>
    
11. 
    
12.   <div id="back">
    ; Y- e# h- d* T
13.     <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>
    
14.     <div class="shiyi_youdao">
    9 d2 i1 b" Z( E  @
15.       {{shiyi_youdao}}
    8 r$ ?5 A) h9 z
16.     </div>
    
17. 
    
18.     <div class="headbar">LDOCE6</div>
    8 Q; z# o1 X" }% h4 O: }# j
19.     <div id="ldoce6">
    
20.     {{LDOCE6}}
    
21.     </div>
    
22. 
    
23.     <script type="text/javascript">
    
24.       // format yonfa
    ( p( j9 G" ?( o7 }( H
25.       [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {
    
26.         div.innerHTML = div.innerHTML
    7 U! J* T9 A2 L
27.           .replace(/[1-9]+\)/g, function (symbol) {
    
28.             return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';
    
29.           });
    6 M, Y  H& K. s. a6 L2 I, m
30.       });
    
31. 
    
32.       // play the Ammerican pronouciation
    
33.       var amevoice = document.getElementsByClassName("amevoice");
    5 y8 Q" f, O! l& u4 F! f, F; I1 d& e
34.       var anki_modified_code = amevoice[0].innerHTML;
    . j- c+ _% e3 R  S! K, m
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);
    1 Y' t6 u* P# B9 ~0 q4 m
38.       audio.play();
    : G0 E' d7 ^4 w. v$ T
39. 
    3 g( c) q1 m  W6 w( z+ h
40.       // add audios of the examples
    , h" Q% g) v9 b, N6 s
41.       var examples = document.getElementsByClassName("example");
    6 K. Y8 y/ l5 D1 I% j& l4 A2 y
42.       var example_audios = "";
    # o) \4 n; o9 g2 o: b9 S
43.       for (var i = 0; i < examples.length; i++) {
    
44.           var e = examples[i].innerHTML;
    
45.           var index = i + 1;
    
46.           if (e.search('mp3]') == -1) {
    2 C# o0 P, \: h* L/ ^
47.             continue;
    
48.           }
    
49.           example_audios += index + e.split('<img')[0];
    
50. //if (i>10) alerta(e.split('<img')[0]);
    
51.       }
    ! e& f, I3 Z4 [. V; }
52.       var rank = document.getElementById("rank");
    # j" Z" l% I8 k$ a0 T' A6 M: C
53.       rank.innerHTML += example_audios;
    / E) A. ?/ K7 ~3 t; n3 L0 J3 B
54. 
    
55.     </script>

复制代码

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

5 S9 }- J% j% t. J$ L* \下面是截图：
: z. C% ^- }5 k

% D% k! m5 V$ [) C, M8 v1 a
. G. q. s; d8 P; x, u% L5 c
_LDOCE6_wrap.css文件放到Anki的那个media目录下，这样就有上面截图的效果了。这个文件是Anki自动生成的，你如果用Anki的插件从LDOCE6字典里提取过，这个文件应该就已经有了。
( k, G: W7 k/ }. P( q# I
  Y# Z& O+ I* X* h7 B6 K# \- H( {+ W链接： [url]https://pan.baidu.com/s/1Z-FqHiEctn_BuWg0cVDu3w [/url]

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

heishuiguo

zyx_8 发表于 2019-2-8 17:06
CSS小喇叭小红点无白框，解压覆盖同名文件。
: i% s& v6 h$ n( A8 a6 F下载后点支持，给有需要的人。
...

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

Jiangxi

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

好几个月了，大过年居然有回复！猪年吉祥！多谢了

zyx_8

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

CSS小喇叭小红点无白框，解压覆盖同名文件。
下载后点支持，给有需要的人。

hhuang

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

) S; t5 h- z- [+ g6 o
( o! f1 t+ ~- p2 w/ a代码应该是OK的，我直接从我正在用的card里copy出来的。
3 A/ ~4 K9 v5 Q8 E/ x9 P2 b<span id='example_audios'></span>，这一块代码是没有用的，我原来想放在单独的span里（ID为example_audios），但后来我直接把那些按钮放到rank那个span里了。
如果这个单词没有example，或者有example但example中没有mp3，那就没有按钮。其它情况都应该有按钮的。
你可以alert(examples)看看，自己调试一下，我就是这么看的，了解anki生成的页面的源代码，这样就容易改了。
8 _$ L; j& T0 f" V- F/ E
' f, }' t- V  v按钮部分看这里：
% g5 x) r- N: @4 n" U0 B% l6 m+ Y0 d

1.       // add audios of the examples
   - y  ?& o0 s5 S1 A: Q
2.       var examples = document.getElementsByClassName("example");
   
3.       var example_audios = "";
   , S. H+ }$ w. z- I
4.       for (var i = 0; i < examples.length; i++) {
   5 z- i' f6 D* h6 j" k' I8 f
5.           var e = examples[i].innerHTML;
   ( ~+ w; d: F% m( c
6.           var index = i + 1;
   + L$ x% z" t* A6 X
7.           if (e.search('mp3]') == -1) {
   
8.             continue;
   
9.           }
   
10.           example_audios += index + e.split('<img')[0];
    
11. //if (i>10) alerta(e.split('<img')[0]);
    % i' x8 _$ Q7 J: R- e5 I8 d, z
12.       }
    # W9 \- L6 k2 A% w+ Z& c) B
13.       var rank = document.getElementById("rank");
    - c) X: J4 ]1 w7 X: ?# t: _! d
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的例句音频整合就更好了。
* S& w5 L6 h2 i4 Q3 x4 n& s3 x