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

hhuang

; B% l* F" ^0 A% Y& p2 F; v
6月6日更新：重新导出并上传到百度云，下载后直接用就有下面图中的效果，不需要修改代码了。
& c3 }- k- x9 k: s6 |: k3 k% W
自己记单词的过程中，觉得有时候大概知道了意思，又不确定。加上按钮播放例句，在看释义前播放，有助于记起单词的意思，帮助记忆。


把卡片前面的代码换成下面的代码，就有这个效果了。
1 x: q, L3 N+ Y# K: z4 m

1. <div id="front">
   ' m, c: v, q& Q9 j! J. q- t
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>
   . w# n* `( a: }8 I
7.   </div>
   
8.   <div class="yongfa">
   ! s* f! }1 b# O! ?5 K2 [& D; L% D; P
9.     {{用法}}
   4 c: c5 ~' k' V5 C  J
10.   </div>
    , b* k# }6 o& P
11. 
      f, u7 l/ r& ?
12.   <div id="back">
    2 `% S3 A* t+ P5 V
13.     <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>
    
14.     <div class="shiyi_youdao">
    
15.       {{shiyi_youdao}}
    ' e: V  w' O5 Y* B* T. t) S  y
16.     </div>
    
17. 
    
18.     <div class="headbar">LDOCE6</div>
    
19.     <div id="ldoce6">
    & D- w6 o! L7 I/ V- I% N1 d1 g
20.     {{LDOCE6}}
    
21.     </div>
    5 c6 y, ~  b; m& y7 F
22. 
    4 l4 {$ d+ v" [
23.     <script type="text/javascript">
    
24.       // format yonfa
    5 r4 T- A& \% y0 s* r
25.       [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {
    
26.         div.innerHTML = div.innerHTML
    
27.           .replace(/[1-9]+\)/g, function (symbol) {
    9 o# R8 R" U5 l% ^' `4 s  F% ]
28.             return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';
    ( M6 \* p7 X* W
29.           });
      O7 q0 B3 _' ?1 c
30.       });
    * P2 {$ g6 y; a4 z$ n
31. 
    9 |1 R; ]8 ~  ^% v; D8 Y
32.       // play the Ammerican pronouciation
    
33.       var amevoice = document.getElementsByClassName("amevoice");
    # ], V) x8 P5 m* E- z
34.       var anki_modified_code = amevoice[0].innerHTML;
    
35.       //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;
    
36.       var filename =  anki_modified_code.split('ankiplay')[1].split('");')[0];
    1 [- Q  Q- q# H  ?" Q
37.       var audio = new Audio(filename);
    
38.       audio.play();
    
39. 
    ' {" y: J$ K) {& Q% \8 I
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;
    
45.           var index = i + 1;
    ( ^- @! q) ]# H, e
46.           if (e.search('mp3]') == -1) {
    / }  H- h* c8 ^  F& p6 J
47.             continue;
    : G4 E, x- m9 G+ G' ^$ g1 q
48.           }
    0 k, H/ k3 R; M5 o0 k) S
49.           example_audios += index + e.split('<img')[0];
    * B# E8 X& {, P/ q
50. //if (i>10) alerta(e.split('<img')[0]);
    
51.       }
    6 [' S: y( v$ A6 v5 r9 }' \0 N& O
52.       var rank = document.getElementById("rank");
    5 R# X3 j5 n- `% s3 o
53.       rank.innerHTML += example_audios;
      U8 `( Y- n+ X( T$ D  B, C, ~/ a. _
54. 
    
55.     </script>

复制代码

, {0 x7 w% M3 t( [/ ?( K, L4 V3 k
我最近自己制作的Anki deck，用来背单词。单词发音，例句音频，Anki，LDOCE6，美国当代英语语料库20000
; R' X9 \' H3 l7 h7 B* Y" y使用的是美国当代英语语料库20000词频表，用Anki的插件抓取了有道字典的基本释义和LDOCE6的内容（包含单词发音和例句的音频）。注意：音频需要自己点击播放，如果用Anki的那个播放音频是播放所有的包含单词英音美音及例句的音频。我自己加了javascript代码，在学习时打开卡片的时候自动播放单词的美音。
4 B7 ^' B. k, d+ k7 t* F6 _9 j8 t有极少卡片里带了哈利波特书里的句子（因为我合并了Kindle看哈利波特时标注的一些单词）。
我自己使用了差不多一个月了，感觉比较不错，估计能坚持背下去。
6 M* f% t/ U0 i! `
/ A0 g" A0 C8 J下面是截图：
7 B- Y; {) H- T2 ~: u' \) Q  \  @( t

' M+ u- h* I, ^" O
8 s! V. W: y, M
_LDOCE6_wrap.css文件放到Anki的那个media目录下，这样就有上面截图的效果了。这个文件是Anki自动生成的，你如果用Anki的插件从LDOCE6字典里提取过，这个文件应该就已经有了。
' A* Y5 a" x" [7 ], ]
. l! @8 q) K9 o0 I" v链接： [url]https://pan.baidu.com/s/1Z-FqHiEctn_BuWg0cVDu3w [/url]
: e/ |" x! |, z  A# L2 f

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

Jiangxi

zyx_8 发表于 2019-2-8 17:06
% x6 [2 y" s! M! ^& iCSS小喇叭小红点无白框，解压覆盖同名文件。
下载后点支持，给有需要的人。
1 a/ W. }2 a5 X4 K2 V ...

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

heishuiguo

zyx_8 发表于 2019-2-8 17:06
9 z5 r! J( Y5 y7 g; CCSS小喇叭小红点无白框，解压覆盖同名文件。
下载后点支持，给有需要的人。
: N3 {/ w6 f5 {- J" S" E+ l ...

, l: u0 M- y; I9 b8 C/ o你好，你那里还有没有anli文件，百度链接已经失效了。能一起贴上来吗？谢谢了

zyx_8

2 W1 A# N; L% F% P

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

CSS小喇叭小红点无白框，解压覆盖同名文件。
7 E5 Q9 M( h. B4 C' X下载后点支持，给有需要的人。
1 y1 N' b9 U) B+ f1 {7 r; W; I

hhuang

ankifyh 发表于 2018-6-5 16:53
0 ?0 V' A! h/ L- Y+ @: |5 \$ K我想可能是这个标签里缺点什么：

8 k/ h& A6 W* P4 k: O, P
代码应该是OK的，我直接从我正在用的card里copy出来的。
+ J# f0 D+ K( a; h( P<span id='example_audios'></span>，这一块代码是没有用的，我原来想放在单独的span里（ID为example_audios），但后来我直接把那些按钮放到rank那个span里了。
1 Y0 R0 j( R1 [4 @如果这个单词没有example，或者有example但example中没有mp3，那就没有按钮。其它情况都应该有按钮的。
6 ]" U4 w8 j: l- ^4 Z你可以alert(examples)看看，自己调试一下，我就是这么看的，了解anki生成的页面的源代码，这样就容易改了。

按钮部分看这里：
; m0 I5 ]- b* }* f$ W! X$ G( ]

1.       // add audios of the examples
   - r' |5 w1 N- _1 t6 j# s+ C) F
2.       var examples = document.getElementsByClassName("example");
   
3.       var example_audios = "";
   ) }$ A- k' Y; \1 e  x
4.       for (var i = 0; i < examples.length; i++) {
   3 m6 t# Z$ m( R$ \
5.           var e = examples[i].innerHTML;
   
6.           var index = i + 1;
   
7.           if (e.search('mp3]') == -1) {
   
8.             continue;
   
9.           }
   
10.           example_audios += index + e.split('<img')[0];
    1 c) [6 \. [8 _8 ?
11. //if (i>10) alerta(e.split('<img')[0]);
    
12.       }
    
13.       var rank = document.getElementById("rank");
      L/ J1 H7 H/ b; [# 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

不错不错，谢谢分享
6 i( Z! \7 }4 b. u9 J

cd300406

感谢楼主的分享

Frank151

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

zfcus

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

言叶之庭

感谢楼主制作分享。

Wans1000

非常好，要是剑桥的分级与longman的例句音频整合就更好了。
" n3 e( `) N/ x3 E1 T