更新带音频（单词+例句），LDOCE6，美国当代英语语料库2...
本帖最后由 hhuang 于 2018-7-14 09:30 编辑6月6日更新：重新导出并上传到百度云，下载后直接用就有下面图中的效果，不需要修改代码了。
自己记单词的过程中，觉得有时候大概知道了意思，又不确定。加上按钮播放例句，在看释义前播放，有助于记起单词的意思，帮助记忆。
把卡片前面的代码换成下面的代码，就有这个效果了。
<div id="front">
<div class="headbar">{{Deck}}</div>
<div id="word">
{{单词}}
<span id="rank"> {{ranking}} </span><span id='example_audios'></span>
</div>
<div class="yongfa">
{{用法}}
</div>
<div id="back">
<div class="headbar">有道词典 基本释义</div>
<div class="shiyi_youdao">
{{shiyi_youdao}}
</div>
<div class="headbar">LDOCE6</div>
<div id="ldoce6">
{{LDOCE6}}
</div>
<script type="text/javascript">
// format yonfa
[].forEach.call(document.querySelectorAll('.yongfa'), function (div) {
div.innerHTML = div.innerHTML
.replace(/+\)/g, function (symbol) {
return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';
});
});
// play the Ammerican pronouciation
var amevoice = document.getElementsByClassName("amevoice");
var anki_modified_code = amevoice.innerHTML;
//var filename = '_' + anki_modified_code.split(':').split(';').split('_').replace(/"\)/, '');;
var filename =anki_modified_code.split('ankiplay').split('\");');
var audio = new Audio(filename);
audio.play();
// add audios of the examples
var examples = document.getElementsByClassName("example");
var example_audios = "";
for (var i = 0; i < examples.length; i++) {
var e = examples.innerHTML;
var index = i + 1;
if (e.search('mp3]') == -1) {
continue;
}
example_audios += index + e.split('<img');
//if (i>10) alerta(e.split('<img'));
}
var rank = document.getElementById("rank");
rank.innerHTML += example_audios;
</script>
我最近自己制作的Anki deck，用来背单词。单词发音，例句音频，Anki，LDOCE6，美国当代英语语料库20000
使用的是美国当代英语语料库20000词频表，用Anki的插件抓取了有道字典的基本释义和LDOCE6的内容（包含单词发音和例句的音频）。注意：音频需要自己点击播放，如果用Anki的那个播放音频是播放所有的包含单词英音美音及例句的音频。我自己加了javascript代码，在学习时打开卡片的时候自动播放单词的美音。
有极少卡片里带了哈利波特书里的句子（因为我合并了Kindle看哈利波特时标注的一些单词）。
我自己使用了差不多一个月了，感觉比较不错，估计能坚持背下去。
下面是截图：
http://cloud.pdawiki.com/album/201804/18/151149kebh5czpqjbcdryh.png
http://cloud.pdawiki.com/album/201804/24/144833ycyfzbpuilblib4i.png
_LDOCE6_wrap.css文件放到Anki的那个media目录下，这样就有上面截图的效果了。这个文件是Anki自动生成的，你如果用Anki的插件从LDOCE6字典里提取过，这个文件应该就已经有了。
链接： https://pan.baidu.com/s/1Z-FqHiEctn_BuWg0cVDu3w
**** Hidden Message ***** zyx_8 发表于 2019-2-8 17:06
CSS小喇叭小红点无白框，解压覆盖同名文件。
下载后点支持，给有需要的人。
...
你好，你那里还有没有anli文件，百度链接已经失效了。能一起贴上来吗？谢谢了 zyx_8 发表于 2019-2-8 17:06
CSS小喇叭小红点无白框，解压覆盖同名文件。
下载后点支持，给有需要的人。
...
{:11_384:}好几个月了，大过年居然有回复！猪年吉祥！多谢了 本帖最后由 zyx_8 于 2019-2-8 17:10 编辑
Jiangxi 发表于 2018-10-16 14:40
想咨询下楼主大大，绿色的喇叭能通过改css,缩小点么？在手机里喇叭好大！
CSS小喇叭小红点无白框，解压覆盖同名文件。
下载后点支持，给有需要的人。
本帖最后由 hhuang 于 2018-6-5 17:19 编辑
ankifyh 发表于 2018-6-5 16:53
我想可能是这个标签里缺点什么：
代码应该是OK的，我直接从我正在用的card里copy出来的。
<span id='example_audios'></span>，这一块代码是没有用的，我原来想放在单独的span里（ID为example_audios），但后来我直接把那些按钮放到rank那个span里了。
如果这个单词没有example，或者有example但example中没有mp3，那就没有按钮。其它情况都应该有按钮的。
你可以alert(examples)看看，自己调试一下，我就是这么看的，了解anki生成的页面的源代码，这样就容易改了。
按钮部分看这里：
// add audios of the examples
var examples = document.getElementsByClassName("example");
var example_audios = "";
for (var i = 0; i < examples.length; i++) {
var e = examples.innerHTML;
var index = i + 1;
if (e.search('mp3]') == -1) {
continue;
}
example_audios += index + e.split('<img');
//if (i>10) alerta(e.split('<img'));
}
var rank = document.getElementById("rank");
rank.innerHTML += example_audios; 很棒的样子 今天才研究好anki这个软件正好下载来试试 谢谢分享 既然是coca词频，最好用LAAD3. 谢谢。 太棒了啊，感谢你啊 这个太给力了，感谢楼主分享！ 好棒，谢谢分享 版面很美的anki卡，感谢楼主分享 对背单词很有帮助，hhuang辛苦了。 这个L6是最初的版本吧，要是A大的版本就好了 感谢楼主的分享 谢谢楼主分享。 感谢分享！好资料！ 不错的学习资料，感谢LZ无私分享~~ 谢谢H大分享好词库。 正想着，就有了，谢谢 感谢楼主，我想自己抓取考研词汇，不知能授之以渔否 楼主分享的这个资源太给力了 这个文件用来背单词很好，谢谢楼主分享。 太棒了，谢谢分享，直接收下了！ 谢谢LZ分享！！！ 不错不错，谢谢分享
感谢楼主的分享 楼主辛苦了。谢谢楼主分享。 不错,不错,这个可以有! 感谢楼主制作分享。 非常好，要是剑桥的分级与longman的例句音频整合就更好了。