移动浏览器中的音频播放率和支持的插件答案

【问题标题】：Audio PlaybackRate in mobile browsers and supported plugin移动浏览器中的音频播放率和支持的插件
【发布时间】：2018-04-05 22:15:01
【问题描述】：

我必须在包括 Android 和 iPhone 在内的浏览器中播放歌曲。我是使用 html5 音频播放器完成的。但播放率在 移动浏览器 中不起作用。有没有可用的库或插件？ web-audio API 是否支持此功能？

在这个site 中，播放速率也适用于手机。但找不到他们遵循的方法？

<!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>

【问题讨论】：

标签： php html html5-audio web-audio-api

【解决方案1】：

您要链接的网站使用网络音频，但它不使用播放速率来更改歌曲的速度。相反，它会单独安排每个音符，因此当您更改速度时，您真正要做的是更改安排音符的 BPM。你可以认为它改变了这一点：

setTimeout(schedule, 1000);

到：

setTimeout(schedule, 500);

当您从 60 BPM 提高到 120 BPM 时。

但是，Web Audio 与您对音频元素所做的事情类似。用于播放预先录制的样本的 AudioBufferSourceNode 有一个名为playbackRate 的属性。这会改变音频的速率（但不会进行音高校正！）。查看https://developer.mozilla.org/en-US/docs/Web/API/AudioBufferSourceNode

【讨论】：

【解决方案2】：

在浏览器中播放音频不需要任何外部插件或 API，这是使用 HTML5 的优势之一。下面我用简单的语法和属性提到相同的内容。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">

    </head>
   <body>
 <audio  controls>
<source src="Kalimba.mp3" type="audio/mp3" />
  Audio not supported.
 </audio>

【讨论】：

这没有提供问题的答案。要批评或要求作者澄清，请在他们的帖子下方发表评论 - 您可以随时评论自己的帖子，一旦您有足够的reputation，您就可以comment on any post。 - From Review
我的解决方案到底出了什么问题。我在浏览器上执行了相同的操作，并在获得用户想要的所需解决方案后，然后才将其发布在这里。
嗯...OP 已经有一个带有 mp3 文件的
如果是这样，那就给我一个理由，为什么它没有在你身边玩。最终我使用了相同的增强属性，它在我身边播放。你错过了它的“类型”属性。
如果是这样，那为什么它没有在你身边播放。最终我使用了同一个增强属性的，它被播放到我身边。