javascript - 移动浏览器中的 HTML 5 音频播放率

标签 javascript php html html5-audio

playbackRate 在移动浏览器(Iphone 和 Android)中不起作用。以下是代码。在桌面浏览器中播放时,一切似乎都正常。

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <script src="js/jquery.js"></script>
        <!-- Bootstrap Core JavaScript -->
        <script src="js/bootstrap.min.js"></script>
    </head>
    <body>
        <audio src="./audio/Kalimba.mp3" id="audio1"  controls>Canvas not supported</audio>
        <button id="playbutton" >Play</button>
    </body>
    <script type="text/javascript" >
        $(document).ready(function (e) {
            $('#playbutton').click(function () {
                var audioElm = document.getElementById("audio1");
                var playBackSpeed = 0.5;
                audioElm = document.getElementById("audio1");
                audioElm.playbackRate = playBackSpeed; // default speed 1
                audioElm.play();
            });
        });
    </script>
</html>

最佳答案

看起来该功能支持在少数移动设备上受到限制。

引用:

https://developer.mozilla.org/en-US/Apps/Build/Audio_and_video_delivery/WebAudio_playbackRate_explained

上面页面的屏幕截图如下...

enter image description here

关于javascript - 移动浏览器中的 HTML 5 音频播放率,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34398853/

相关文章:

php - Laravel数据库迁移错误

javascript - 如何删除具有 contentEditable 和大小样式的 div 的调整大小句柄和边框

javascript - 基于列值的颜色表行

javascript - LESS/CSS 在输入中添加第二个类以覆盖第一个类的宽度

Java 返回 javax.net.ssl.SSLHandshakeException : Remote host closed connection during handshake. 和 PHP cURL - 错误号 35

html - 限制 HTML 文件输入仅接受 .txt,而不接受 .csv(在 Chrome 中)

javascript - Jquery DOM .each 和 .remove() 问题

javascript - 无法在 D3 生成的 SVG 文本中打断长句

javascript - 如何让 DateTimePicker 在 iOS 和 Android 上工作?

php - 无法使用LIKE使用php从mysql中提取数据