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

hhuang

  u( c& h( t  L# W4 e& k& O9 f
8 L7 X0 `8 x. [% l; U3 g6月6日更新：重新导出并上传到百度云，下载后直接用就有下面图中的效果，不需要修改代码了。
' ?2 N6 X, M  B6 x# R* w1 q$ v. B
3 P% b+ S3 ?; j3 I, ?* |自己记单词的过程中，觉得有时候大概知道了意思，又不确定。加上按钮播放例句，在看释义前播放，有助于记起单词的意思，帮助记忆。

5 M& F. ^* F2 y0 ]7 m* W
; _, N! ]; {' K, d4 O* o把卡片前面的代码换成下面的代码，就有这个效果了。

1. <div id="front">
   
2. 
   
3.   <div class="headbar">{{Deck}}</div>
   
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>
   
8.   <div class="yongfa">
   
9.     {{用法}}
   
10.   </div>
    
11. 
    
12.   <div id="back">
    7 L8 \1 a% G% r: |% q' C/ f; H
13.     <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>
    
14.     <div class="shiyi_youdao">
    
15.       {{shiyi_youdao}}
    3 Y, i6 H7 `& w# e2 a# h: j" G- E
16.     </div>
    7 H# A4 Y/ R( U+ {
17. 
    
18.     <div class="headbar">LDOCE6</div>
    
19.     <div id="ldoce6">
    - ^  k5 R3 m2 z2 f7 I. B, ]
20.     {{LDOCE6}}
    % h' h$ @8 r7 N& |- g
21.     </div>
    / P( l7 `' ^) G3 Z" u
22. 
    
23.     <script type="text/javascript">
      R4 u& L6 }  \+ d1 K) C! W0 B
24.       // format yonfa
    
25.       [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {
    / C( U+ U1 m! q
26.         div.innerHTML = div.innerHTML
    
27.           .replace(/[1-9]+\)/g, function (symbol) {
    
28.             return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';
    2 v  S! o- t3 a, M! b+ F
29.           });
    / i0 h- t, ^( D3 L! N5 _' V7 f
30.       });
    # N1 v# ~* P3 g4 P2 s& X
31. 
    - [! n5 T" Q$ F9 M
32.       // play the Ammerican pronouciation
    
33.       var amevoice = document.getElementsByClassName("amevoice");
    
34.       var anki_modified_code = amevoice[0].innerHTML;
    5 t9 ~9 l1 I6 g( j* Y1 Z
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);
    
38.       audio.play();
    
39. 
    3 S  x! Z/ d9 y8 A
40.       // add audios of the examples
    ( j1 E" Q' G. k  g! B3 Z  ^8 A
41.       var examples = document.getElementsByClassName("example");
    
42.       var example_audios = "";
    
43.       for (var i = 0; i < examples.length; i++) {
    5 z$ C! q+ H4 F5 l( n5 @6 l7 r9 z
44.           var e = examples[i].innerHTML;
    ( X1 i. M" j2 r: d0 g) u6 M
45.           var index = i + 1;
    
46.           if (e.search('mp3]') == -1) {
    ' l0 t0 L7 o; _1 t
47.             continue;
    
48.           }
    % B' m# a4 z% ?: J, f
49.           example_audios += index + e.split('<img')[0];
    
50. //if (i>10) alerta(e.split('<img')[0]);
    
51.       }
    
52.       var rank = document.getElementById("rank");
    
53.       rank.innerHTML += example_audios;
    , O' G6 ~7 j# J+ M2 {1 {; W  f  c
54. 
    
55.     </script>

复制代码

% V! S  T0 O: {( F
5 n, e5 L" N- F$ L9 F. B7 v& ?) X我最近自己制作的Anki deck，用来背单词。单词发音，例句音频，Anki，LDOCE6，美国当代英语语料库20000
8 {  E! |5 ~* @  M/ v使用的是美国当代英语语料库20000词频表，用Anki的插件抓取了有道字典的基本释义和LDOCE6的内容（包含单词发音和例句的音频）。注意：音频需要自己点击播放，如果用Anki的那个播放音频是播放所有的包含单词英音美音及例句的音频。我自己加了javascript代码，在学习时打开卡片的时候自动播放单词的美音。
有极少卡片里带了哈利波特书里的句子（因为我合并了Kindle看哈利波特时标注的一些单词）。
' ?5 w. {5 K# w6 I, x% X我自己使用了差不多一个月了，感觉比较不错，估计能坚持背下去。
! {$ b1 p. b. t- i7 A
; y* t9 r4 C2 x' Y1 A! v下面是截图：




; c! ]5 w0 E) w! K_LDOCE6_wrap.css文件放到Anki的那个media目录下，这样就有上面截图的效果了。这个文件是Anki自动生成的，你如果用Anki的插件从LDOCE6字典里提取过，这个文件应该就已经有了。
. A/ @- h( k4 o% X- t
& D" x% a. H# }/ |% @) n0 q链接： [url]https://pan.baidu.com/s/1Z-FqHiEctn_BuWg0cVDu3w [/url]

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

heishuiguo

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

4 u" @) R. U3 c& B5 v4 j$ H7 G' T* k你好，你那里还有没有anli文件，百度链接已经失效了。能一起贴上来吗？谢谢了

Jiangxi

zyx_8 发表于 2019-2-8 17:06
CSS小喇叭小红点无白框，解压覆盖同名文件。
- b8 ?! l2 B/ T6 B' A下载后点支持，给有需要的人。
( H! F+ B9 r% E! j# q* ^ ...

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

zyx_8

Jiangxi 发表于 2018-10-16 14:40
' U  D; d; ]( U# [7 a+ b% M想咨询下楼主大大，绿色的喇叭能通过改css,缩小点么？在手机里喇叭好大！

CSS小喇叭小红点无白框，解压覆盖同名文件。
下载后点支持，给有需要的人。
5 s, ]- p  S* E0 a0 _7 v& S

hhuang

& q* R/ f6 Z3 F* |) _& l6 [

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

: p& a8 v- T9 i
代码应该是OK的，我直接从我正在用的card里copy出来的。
( j, A1 h' z4 C5 n<span id='example_audios'></span>，这一块代码是没有用的，我原来想放在单独的span里（ID为example_audios），但后来我直接把那些按钮放到rank那个span里了。
; \, [5 R: R' b# p如果这个单词没有example，或者有example但example中没有mp3，那就没有按钮。其它情况都应该有按钮的。
4 [5 s2 X: G( |你可以alert(examples)看看，自己调试一下，我就是这么看的，了解anki生成的页面的源代码，这样就容易改了。
7 l+ |8 V# C/ [5 B- A+ I. S
按钮部分看这里：
; U# X6 p" U, s1 c3 \! F

1.       // add audios of the examples
   
2.       var examples = document.getElementsByClassName("example");
   
3.       var example_audios = "";
   % b! z, p2 R# |" _7 e) f
4.       for (var i = 0; i < examples.length; i++) {
   
5.           var e = examples[i].innerHTML;
   ( q" B( p  ~, g( n/ |
6.           var index = i + 1;
   
7.           if (e.search('mp3]') == -1) {
   / p. W7 Q3 W+ B1 n* g: _% }
8.             continue;
   
9.           }
   
10.           example_audios += index + e.split('<img')[0];
    
11. //if (i>10) alerta(e.split('<img')[0]);
    
12.       }
    1 n4 Q- \- q" Q" y0 m, N# v
13.       var rank = document.getElementById("rank");
    
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

不错不错，谢谢分享
3 M, |' \, f! Y2 q

cd300406

感谢楼主的分享

Frank151

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

zfcus

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

言叶之庭

感谢楼主制作分享。

Wans1000

非常好，要是剑桥的分级与longman的例句音频整合就更好了。
0 J2 O; _8 K% r9 z$ ?. s