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

hhuang

: B! ?* T$ j( i! g" o6月6日更新：重新导出并上传到百度云，下载后直接用就有下面图中的效果，不需要修改代码了。

6 w! G: M; L: m自己记单词的过程中，觉得有时候大概知道了意思，又不确定。加上按钮播放例句，在看释义前播放，有助于记起单词的意思，帮助记忆。
% W* p: C3 k. j" _, b2 J' T1 `
5 Y2 n& o5 T1 v% e* U9 I6 D5 W
把卡片前面的代码换成下面的代码，就有这个效果了。

1. <div id="front">
   # T5 f7 n: L6 q
2. 
   
3.   <div class="headbar">{{Deck}}</div>
   4 C$ U! J8 i8 w" m
4.   <div id="word">
   ! T4 x2 V: S/ L* P- V) t: n9 m
5.     {{单词}}
   ' P# N9 {+ e+ n, f9 i8 {; z$ y
6.     <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>
   1 g) L. ]) W1 ^% V1 s
7.   </div>
   
8.   <div class="yongfa">
   
9.     {{用法}}
   - ~! K  T& _9 h. Z# N! r
10.   </div>
    
11. 
    
12.   <div id="back">
    
13.     <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>
    
14.     <div class="shiyi_youdao">
    
15.       {{shiyi_youdao}}
    ) ^' r! x$ f% J' X5 i7 D7 C% F
16.     </div>
    * w6 H9 u' s5 l7 S: W9 P% ^2 G
17. 
    
18.     <div class="headbar">LDOCE6</div>
    
19.     <div id="ldoce6">
    # W) `: M7 U& Y0 T% S* c
20.     {{LDOCE6}}
    
21.     </div>
    ) H) y2 a* Z: [) t7 v& I
22. 
    
23.     <script type="text/javascript">
    / U1 T5 a8 |5 M7 n
24.       // format yonfa
    5 v$ R7 X+ \* o; N0 H& C/ a' K6 F
25.       [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {
    % f9 J: E/ d! Z
26.         div.innerHTML = div.innerHTML
      y3 K2 l- }" o9 ?2 Q/ O5 X
27.           .replace(/[1-9]+\)/g, function (symbol) {
    / [+ w" U$ H. k# Y/ ^/ E- m
28.             return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';
    / t' a% N$ ?; v% L, g  N
29.           });
    : [9 L3 ?2 S( H5 z3 e2 g- Z; H
30.       });
    
31. 
    
32.       // play the Ammerican pronouciation
    7 v% s6 d7 i( @% W/ F/ Y4 s
33.       var amevoice = document.getElementsByClassName("amevoice");
    
34.       var anki_modified_code = amevoice[0].innerHTML;
    5 p3 n, s8 q  Z5 K, g( J& q
35.       //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;
    . d% L% v7 _7 J8 o2 `
36.       var filename =  anki_modified_code.split('ankiplay')[1].split('");')[0];
    
37.       var audio = new Audio(filename);
    
38.       audio.play();
    ( n/ c" u+ i% [! M9 P, W) ^
39. 
    
40.       // add audios of the examples
    
41.       var examples = document.getElementsByClassName("example");
    
42.       var example_audios = "";
    + t2 T$ B% d0 G$ c* F$ ]
43.       for (var i = 0; i < examples.length; i++) {
    
44.           var e = examples[i].innerHTML;
    
45.           var index = i + 1;
    ( \2 n% |9 @/ I4 D& C1 n- c6 u
46.           if (e.search('mp3]') == -1) {
    $ F! G$ E- }2 B% a' V! ~5 C
47.             continue;
      Z1 k: W6 V0 ~  D9 N  z, ^3 d7 H
48.           }
    8 `) ~/ V* l, Q6 u% ^3 k4 g; y, ^/ T/ v
49.           example_audios += index + e.split('<img')[0];
    
50. //if (i>10) alerta(e.split('<img')[0]);
    
51.       }
    4 G8 w3 ?7 p0 q6 R( h
52.       var rank = document.getElementById("rank");
    
53.       rank.innerHTML += example_audios;
    
54. 
    
55.     </script>

复制代码

3 m2 L& j9 c) k, v3 }' z1 o
我最近自己制作的Anki deck，用来背单词。单词发音，例句音频，Anki，LDOCE6，美国当代英语语料库20000
使用的是美国当代英语语料库20000词频表，用Anki的插件抓取了有道字典的基本释义和LDOCE6的内容（包含单词发音和例句的音频）。注意：音频需要自己点击播放，如果用Anki的那个播放音频是播放所有的包含单词英音美音及例句的音频。我自己加了javascript代码，在学习时打开卡片的时候自动播放单词的美音。
有极少卡片里带了哈利波特书里的句子（因为我合并了Kindle看哈利波特时标注的一些单词）。
7 ?' Q  e2 p; H& A1 G我自己使用了差不多一个月了，感觉比较不错，估计能坚持背下去。

下面是截图：

9 ^% B3 j8 f/ R& i9 |& o& ]. g. s
: E; y5 l7 |; [5 r& _# [

- |8 y: C9 h" z: K$ c- m' X5 M7 O_LDOCE6_wrap.css文件放到Anki的那个media目录下，这样就有上面截图的效果了。这个文件是Anki自动生成的，你如果用Anki的插件从LDOCE6字典里提取过，这个文件应该就已经有了。

链接： [url]https://pan.baidu.com/s/1Z-FqHiEctn_BuWg0cVDu3w [/url]

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

展开全文

Jiangxi

zyx_8 发表于 2019-2-8 17:06
CSS小喇叭小红点无白框，解压覆盖同名文件。
下载后点支持，给有需要的人。
3 U: @8 j# L! X( U, s% ^& t, Y ...

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

heishuiguo

zyx_8 发表于 2019-2-8 17:06
( W" \7 f) t7 X* y0 |: ACSS小喇叭小红点无白框，解压覆盖同名文件。
0 @$ [& N- E# P& C下载后点支持，给有需要的人。
  O. x. {6 `" k! X1 J' p9 W1 i( m# O ...

$ ]8 E0 h  |2 Z; \0 }1 k2 }" t你好，你那里还有没有anli文件，百度链接已经失效了。能一起贴上来吗？谢谢了

zyx_8

4 |. c3 v9 b4 a$ X- g- c

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

4 X' G- ~" z  X( C/ N& `CSS小喇叭小红点无白框，解压覆盖同名文件。
下载后点支持，给有需要的人。
  O) m9 A9 W9 \8 w2 F: ^! d

hhuang

  l# K1 x! I% M/ f8 ]( f

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

代码应该是OK的，我直接从我正在用的card里copy出来的。
<span id='example_audios'></span>，这一块代码是没有用的，我原来想放在单独的span里（ID为example_audios），但后来我直接把那些按钮放到rank那个span里了。
如果这个单词没有example，或者有example但example中没有mp3，那就没有按钮。其它情况都应该有按钮的。
6 y' P- s& V/ Y) [( k2 }' m- I你可以alert(examples)看看，自己调试一下，我就是这么看的，了解anki生成的页面的源代码，这样就容易改了。

3 |" B/ i" Y: o" ]' W按钮部分看这里：
2 C. X5 T0 B& ?3 ?

1.       // add audios of the examples
   
2.       var examples = document.getElementsByClassName("example");
   
3.       var example_audios = "";
   
4.       for (var i = 0; i < examples.length; i++) {
   % _$ m8 ^/ g4 G$ c0 ~
5.           var e = examples[i].innerHTML;
   8 Q$ T2 ?) X1 D! D1 r, ^; X9 M
6.           var index = i + 1;
   8 W5 i3 L7 n3 a) e8 N1 d
7.           if (e.search('mp3]') == -1) {
   
8.             continue;
   . _. S9 ~) r% e- V2 [5 w
9.           }
   
10.           example_audios += index + e.split('<img')[0];
    9 n$ M& r+ f5 z, u9 e2 B
11. //if (i>10) alerta(e.split('<img')[0]);
    
12.       }
    ! H' T% n( P$ z' @% B0 u7 ^- ]3 `( O% G
13.       var rank = document.getElementById("rank");
    6 C) ]; E4 ^6 x$ f- f4 B
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

不错不错，谢谢分享
5 D: x! g/ f' _

cd300406

感谢楼主的分享

Frank151

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

zfcus

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

言叶之庭

感谢楼主制作分享。

Wans1000

非常好，要是剑桥的分级与longman的例句音频整合就更好了。
: G5 I% L2 g/ E+ x/ L# r3 m