如何升级下anki 的声音播放呢?
首先我想,这个anki是基于html5 的,那么必然可以用audio标签来处理嘛,思路大概是这样的,录制好的音频,提前命名好,然后用正则表达式批量处理我们的卡拍csv是个好东西,先放到记事本里面,然后用notpad++打开使用(此处应补充,没有枪 没有炮 敌人给我们造)
然后开始快乐的替换。
首先在anki 的css标签里面对 audio进行简单的控制
audio{zoom:0.62;border-radius:5px;}
.music{text-align:center; }
这里的意思是用 你给他包起来 达到一个 居中显示的效果来。
经过测试:你是不能用它的 radius backcolor color padding filter的,应该是锁死了。不过这比anki自己的音频播放器好多了。
至少咱们有一个进度条了(不能倍速, 倍速的方法待会说:)
然后我们用正则对anki 的文件开始替换,请看下面的内容:
<audio controls="controls"><source src="maxn1-3.mp3"></audio>
"maxn1-3.mp3" 这个是我们给他命名的,就是刚一录制结束,就马上给他的名字重名,最后在电脑或者安卓端 批量复制到anki 的媒体文件夹里面(无需加前缀_ 不怕你删除。)
随后,当首字段匹配的时候 更新笔记,就可以更新了,就可以导入进来了。 很快很方便,希望你也会喜欢这个内容。
本方法优势
比较原生播放器而言,更多的选项(可以拖动进度条 可以控制音量 可以暂停)
本方法的不足
- 会导致 Anki droid手势翻页出问题, 很容易误触。建议关闭手势使用
- 如你想在safari内核(ios)上使用,推荐使用mp3格式的录音(苹果不支持ogg格式,会导致无法识别)
- 自动播放问题,(需要用js实现)
有一个看似没有用的 下载选项出现 (可去除 参考这个)
<!-- video--> <video src="videoUrl" controlsList="nodownload" controls="controls"></video> <!--audio --> <audio src="audioUrl" controlsList="nodownload" controls="controls"></audio>
附加:其他音频控制标签:
https://www.w3school.com.cn/tags/tag_audio.asp 大家可以参考这个网站的内容来进行学习: 请看表格部分:
在control 的部分进行更改 我们可以实现它的这些功能,但是听说safari对自动播放的支持不是很好。
属性 | 值 | 描述 |
---|---|---|
autoplay | autoplay | 如果出现该属性,则音频在就绪后马上播放。 |
controls | controls | 如果出现该属性,则向用户显示控件,比如播放按钮。 |
loop | loop | 如果出现该属性,则每当音频结束时重新开始播放。 |
muted | muted | 规定视频输出应该被静音。 |
preload | preload | 如果出现该属性,则音频在页面加载时进行加载,并预备播放。 如果使用 "autoplay",则忽略该属性。 |
src | url | 要播放的音频的 URL。 |
视频倍速的方法如下,本人首次尝试(想直接用ByTagName是失败的)
<video id="video" controls src="**.mp4" type="video/mp4"></video>
选择倍速播放:
<select id="select">
<option value="0.5">0.5</option>
<option value="1" selected>1.0</option>
<option value="1.25">1.25</option>
<option value="1.5">1.5</option>
<option value="2">2.0</option>
</select>
var select = document.getElementById('select');
// 视频元素
var video = document.getElementById('video');
// 改变播放速率
select.addEventListener('change', function () {
video.playbackRate = this.value;
})
https://blog.csdn.net/guoqiankunmiss/article/details/108850513
倍速的实现方法2 win亲侧可行:
<script>
document.querySelector('audio').defaultPlaybackRate = 2.0;//默认两倍速播放
document.querySelector('audio').play();
document.querySelector('audio').playbackRate = 2.0; //修改此值设置当前的播放倍数
</script>
默认的两倍速播放 修改最下面的一行的数值实现 播放速度的改变。
附件:
录音机: 占用的内存小,可以自定义保存路径(默认是data目录!!!建议更改!!!)
录制出来的文件大小也小! 非常好可以是 本人使用的配置如下:请看图自定义获取: 音质如下:
实现的方法3
<audio id="wdd" src="http://65.ierge.cn/12/186/372266.mp3" controls="controls">
Your browser does not support the audio element.
</audio>
<script>
var myAudio = document.getElementById('wdd');
myAudio.playbackRate = 2;
</script>
Comment here is closed