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

hhuang

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

/ @, Z# e& `0 A7 K/ b自己记单词的过程中，觉得有时候大概知道了意思，又不确定。加上按钮播放例句，在看释义前播放，有助于记起单词的意思，帮助记忆。

( m: ?- T  e$ @! N, S& l
: U, U  T9 Y! Y把卡片前面的代码换成下面的代码，就有这个效果了。

1. <div id="front">
   % A% Q" O* Y/ v1 L% K& }- e
2. 
   2 @' O( E+ e. r& `$ e& M) `7 v
3.   <div class="headbar">{{Deck}}</div>
   ( ^2 |. K! f/ B* N. o
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>
   ! g  {' X$ G- m" {6 H, o. \
8.   <div class="yongfa">
   
9.     {{用法}}
   $ B9 \! e  J4 ]* z* X& Q
10.   </div>
    
11. 
    0 w& B+ @* U+ i8 r% M) @$ \
12.   <div id="back">
    2 P( P/ S. c, A* B! R8 n
13.     <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>
    4 v4 z, s5 B# t& q1 ~* {2 A, y
14.     <div class="shiyi_youdao">
    
15.       {{shiyi_youdao}}
    , M" }, z- d7 r3 m2 q
16.     </div>
    
17. 
      e9 g* \% d5 z
18.     <div class="headbar">LDOCE6</div>
    % x* y; M- O6 P# x
19.     <div id="ldoce6">
    
20.     {{LDOCE6}}
    3 e  s7 {" ?+ m! w9 }9 w, o8 q3 F
21.     </div>
    ' b) Z# }5 Z+ W7 T/ a, u. _8 b
22. 
    8 V1 C+ G* a3 B0 }3 y
23.     <script type="text/javascript">
    & E# m. k1 U3 X, q) ^2 O: Z+ u
24.       // format yonfa
    
25.       [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {
    
26.         div.innerHTML = div.innerHTML
    % ~" |% T+ e4 C1 X0 Y+ h
27.           .replace(/[1-9]+\)/g, function (symbol) {
    
28.             return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';
    , p3 @" s  r, C7 t# V6 S4 D  q
29.           });
    
30.       });
    ! Y5 R8 I  J1 \# f
31. 
    
32.       // play the Ammerican pronouciation
    ) z8 \" h# w5 ?* T3 K
33.       var amevoice = document.getElementsByClassName("amevoice");
    : \$ I; V$ m6 k5 F6 z+ Z9 C
34.       var anki_modified_code = amevoice[0].innerHTML;
    : Z$ x6 E3 P/ ]$ n3 u
35.       //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;
    1 z. V1 a- R6 t. g3 b
36.       var filename =  anki_modified_code.split('ankiplay')[1].split('");')[0];
    4 u0 c2 P: G& ^0 {. o( w3 ^
37.       var audio = new Audio(filename);
    
38.       audio.play();
    
39. 
    
40.       // add audios of the examples
    
41.       var examples = document.getElementsByClassName("example");
    
42.       var example_audios = "";
    7 |8 c" J. d1 K! v$ z# g  t) o* x
43.       for (var i = 0; i < examples.length; i++) {
    
44.           var e = examples[i].innerHTML;
    
45.           var index = i + 1;
    0 R" u9 `3 n# L0 b
46.           if (e.search('mp3]') == -1) {
    9 a6 G+ m: x* O, |
47.             continue;
    ( Q. }. O* T% y) ~5 S. K
48.           }
    # ^, j, }1 a: G8 Q: \
49.           example_audios += index + e.split('<img')[0];
    % A- o& z; B- z
50. //if (i>10) alerta(e.split('<img')[0]);
    + I: `9 ]# P0 N
51.       }
    
52.       var rank = document.getElementById("rank");
    
53.       rank.innerHTML += example_audios;
    
54. 
    " j2 a7 ^( C  F/ }2 x, E
55.     </script>

复制代码

, b1 ~+ {5 J9 }3 v
我最近自己制作的Anki deck，用来背单词。单词发音，例句音频，Anki，LDOCE6，美国当代英语语料库20000
使用的是美国当代英语语料库20000词频表，用Anki的插件抓取了有道字典的基本释义和LDOCE6的内容（包含单词发音和例句的音频）。注意：音频需要自己点击播放，如果用Anki的那个播放音频是播放所有的包含单词英音美音及例句的音频。我自己加了javascript代码，在学习时打开卡片的时候自动播放单词的美音。
  X7 A/ Y" |5 C有极少卡片里带了哈利波特书里的句子（因为我合并了Kindle看哈利波特时标注的一些单词）。
7 @4 d  J( S# q0 j0 I& H+ |我自己使用了差不多一个月了，感觉比较不错，估计能坚持背下去。

下面是截图：
: @8 g- X* M, r+ \0 {$ @
  l; m% x! B/ N1 Z  K6 X% J
9 z5 I1 F. _% P4 e( w
1 N$ j# u7 U/ s& @1 u
_LDOCE6_wrap.css文件放到Anki的那个media目录下，这样就有上面截图的效果了。这个文件是Anki自动生成的，你如果用Anki的插件从LDOCE6字典里提取过，这个文件应该就已经有了。

链接： [url]https://pan.baidu.com/s/1Z-FqHiEctn_BuWg0cVDu3w [/url]
1 X" j% A" `/ C& m* \, C& l3 d

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

展开全文

Jiangxi

zyx_8 发表于 2019-2-8 17:06
9 p1 j6 n  e9 ^5 F3 a# _/ `  D' O3 RCSS小喇叭小红点无白框，解压覆盖同名文件。
下载后点支持，给有需要的人。
...

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

heishuiguo

zyx_8 发表于 2019-2-8 17:06
, K: K) H" u$ W: O* ]) cCSS小喇叭小红点无白框，解压覆盖同名文件。
下载后点支持，给有需要的人。
...

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

zyx_8

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

8 d0 n; g1 B3 ^9 ~2 MCSS小喇叭小红点无白框，解压覆盖同名文件。
# J1 W# ]! ~7 R4 [& O+ j: `6 i0 R下载后点支持，给有需要的人。

hhuang

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

" i. p' @$ t. h! M
2 S8 |- y! i, Q: ^代码应该是OK的，我直接从我正在用的card里copy出来的。
<span id='example_audios'></span>，这一块代码是没有用的，我原来想放在单独的span里（ID为example_audios），但后来我直接把那些按钮放到rank那个span里了。
  ^1 P7 t# U: b" g1 J7 s如果这个单词没有example，或者有example但example中没有mp3，那就没有按钮。其它情况都应该有按钮的。
& R' |0 u9 g7 |8 b你可以alert(examples)看看，自己调试一下，我就是这么看的，了解anki生成的页面的源代码，这样就容易改了。
$ ^1 e3 N& y! f
按钮部分看这里：

1.       // add audios of the examples
   
2.       var examples = document.getElementsByClassName("example");
   $ L! T1 G8 l& q/ S+ h+ ]; w9 U5 x
3.       var example_audios = "";
   7 ^9 S+ n9 k8 C' @7 w# Y+ {
4.       for (var i = 0; i < examples.length; i++) {
   ' D/ U5 a5 Q/ {
5.           var e = examples[i].innerHTML;
   2 [6 T. R" ]' {4 C1 [* u$ @
6.           var index = i + 1;
   ' m0 D1 z( H" U
7.           if (e.search('mp3]') == -1) {
   " x& U9 I- T$ B( Z  ^  r
8.             continue;
   
9.           }
   ; ]- c0 @& ]# m
10.           example_audios += index + e.split('<img')[0];
    
11. //if (i>10) alerta(e.split('<img')[0]);
    7 G6 m& c9 T. \5 ?; L( I' w2 i, d
12.       }
    # ^3 z' r& ]) ]
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

不错不错，谢谢分享
9 j$ t1 ~' ^7 l1 L

cd300406

感谢楼主的分享

Frank151

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

zfcus

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

言叶之庭

感谢楼主制作分享。

Wans1000

非常好，要是剑桥的分级与longman的例句音频整合就更好了。
4 }+ T. z0 a0 I8 B9 X) h