如何升级下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 的媒体文件夹里面(无需加前缀_ 不怕你删除。)

随后,当首字段匹配的时候 更新笔记,就可以更新了,就可以导入进来了。 很快很方便,希望你也会喜欢这个内容。

本方法优势

比较原生播放器而言,更多的选项(可以拖动进度条 可以控制音量 可以暂停)

本方法的不足

  1. 会导致 Anki droid手势翻页出问题, 很容易误触。建议关闭手势使用
  2. 如你想在safari内核(ios)上使用,推荐使用mp3格式的录音(苹果不支持ogg格式,会导致无法识别)

2022-06-30T09:07:22.png

  1. 自动播放问题,(需要用js实现)
  2. 有一个看似没有用的 下载选项出现 (可去除 参考这个)

    <!-- video-->
    <video src="videoUrl" controlsList="nodownload" controls="controls"></video>
    <!--audio -->
    <audio src="audioUrl" controlsList="nodownload" controls="controls"></audio>

    https://blog.csdn.net/rocling/article/details/81949028


附加:其他音频控制标签:

https://www.w3school.com.cn/tags/tag_audio.asp 大家可以参考这个网站的内容来进行学习: 请看表格部分:
在control 的部分进行更改 我们可以实现它的这些功能,但是听说safari对自动播放的支持不是很好。

属性描述
autoplayautoplay如果出现该属性,则音频在就绪后马上播放。
controlscontrols如果出现该属性,则向用户显示控件,比如播放按钮。
looploop如果出现该属性,则每当音频结束时重新开始播放。
mutedmuted规定视频输出应该被静音。
preloadpreload如果出现该属性,则音频在页面加载时进行加载,并预备播放。

如果使用 "autoplay",则忽略该属性。
srcurl要播放的音频的 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>

![截图jietujptu_2021-12-20_15-35-54.jpg](:/9b9bf797b2ac47449d874ed7b51e6f89)

https://binfen.lanzoup.com/iofTrxsqjcd
密码:b645

Last modification:July 10, 2022
给博主买瓶冰可乐