个人中心
文章发布
退出
作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库？
- java - OnItemClickListener 不起作用，但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
25
4
我不知道如何在 iPhone 上使用 HTML5 为音频播放器执行简单的快进和快退。所有 Apple 文档均表示应为此使用 playbackRate。我已经观看了 WWDC 2009 和 2010 session ，并下载了我能找到的所有示例源代码，但我仍然无法弄清楚。这只适用于视频吗？那么你如何做倒带和快进按钮呢？这是一个小测试示例:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd>">
<html>
<head>
<title>Audio Player</title>
<base href=".">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.6, user-scalable=false”">
<meta name="apple-mobile-web-app-capable" content="YES">
<link rel="apple-touch-icon" href="Images/WebClipIcon.png">
<script type="text/javascript">
function pauseButton() {
var myButton = document.getElementById("audiobutton");
myButton.value = "||";
myButton.style.opacity=".2";
}
function playButton() {
var myButton = document.getElementById("audiobutton");
myButton.value = ">";
myButton.style.opacity=".5";
}
function playPause() {
var audioElement = document.getElementsByTagName('audio')[0];
if (audioElement.paused) {
audioElement.play();
pauseButton();
}else{
audioElement.pause();
playButton();
}
}
var updateProgress = function (e) {
var percentDone = e.target.currentTime / e.target.duration;
}
function myAddListener() {
var audioElement = document.getElementsByTagName('audio')[0];
audioElement.playbackRate = 1.0;
audioElement.addEventListener('progress', function(evt) { updateProgress(evt); }, false);
audioElement.addEventListener('timeupdate', function(evt) { updateProgress(evt); }, false);
audioElement.addEventListener('durationchange', function(evt) { updateProgress(evt); }, false);
}
function rewind() {
var audioElement = document.getElementsByTagName('audio')[0];
audioElement.playbackRate = -3.0;
}
function fastforward() {
var audioElement = document.getElementsByTagName('audio')[0];
audioElement.playbackRate = 3.0;
}
</script>
</head>
<body onload="myAddListener()">
<p>Audio Test<p/>
<audio id="myAudio" src="http://fotf.cdnetworks.net/fotf/mp3/fof_daily_broadcast/ffd_2010/2_april_may_june/ffd_20100607.mp3>" controls></audio><br/>
<input id="audiobutton" type=button onclick="playPause()" value=">">
<input id="rewindbutton" type=button onclick="rewind()" value="<<">
<input id="forwardbutton" type=button onclick="fastforward()" value=">>">
</div>
</body>
</html>
最佳答案
它似乎对我有用。
我必须在您的示例中调整三件事:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd>">
...
<p>Audio Test<p/>
...
<audio id="myAudio" src="http://fotf.cdnetworks.net/fotf/mp3/fof_daily_broadcast/ffd_2010/2_april_may_june/ffd_20100607.mp3>" controls></audio><br/>
更改为:
<!DOCTYPE html>
...
<p>Audio Test</p>
...
<audio id="myAudio" src="http://fotf.cdnetworks.net/fotf/mp3/fof_daily_broadcast/ffd_2010/2_april_may_june/ffd_20100607.mp3" controls></audio><br/>
doctype 以考虑使用 HTML5 元素P 标签中的拼写错误src 属性中的拼写错误如果这对您不起作用，请告诉我。
关于javascript - iPhone : Fast Forward & Rewind using HTML5 <audio> & playbackRate doesn't work?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3242436/
25
4
0
我有一个带有 HTML5 视频播放器的页面。我使用 jQuery 创建了一个非常简单的播放速度切换按钮。 用户点击该按钮，每按一次，视频的 playbackRate 属性的速度就会乘以 2。 因此您可
我正在尝试使用振荡器将音高颤音应用到 AudioBufferSource。 var source = context.createBufferSource(); source.connect(cont
我正在尝试使用 QMediaPlayer 创建一个..媒体播放器。我希望能够在按下按钮时倒带视频。 但是通过 QMediaPlayer.setPlaybackRate 设置负的 playbackRat
我一直在尝试使用 createMediaElementSource 将音频元素连接到网络音频 api 并让它工作，但我需要做的一件事是更改音频标签的播放速率，但我无法让它工作. 如果您尝试运行下面的代
我正在播放 HTML 和 JS/JQuery 中的音频以构建音频播放器。我有播放、暂停和快进功能，但没有倒带或后退功能。在W3Schools Documentation它说: playbackspee
属性 playbackRate 在 Android (Chrome) 上不起作用。 Example HTML: Video.js Example Embed 1.0
一些背景知识: 人们喜欢游戏。 人们使用互联网。 互联网需要游戏。 游戏使用声音。 HTML5 有 . 好的，到目前为止一切都很好。 最近我发现 - 令我惊讶的是 - IE9 实际上支持 playb
有没有人注意到: document.querySelector("audio").playbackRate = 1.5 每次更改时都会导致轻微跳过。有谁知道解决这个问题？即使需要 Cordova ？
如标题所述，当连接到 Firefox 内的 WebAudioAPI 时，我遇到了有关 HTMLVideoElement 的问题。 以下示例提供了重现问题的最小示例: var video =
我需要知道正在播放的源的当前时间，但我不能使用 context.currentTime，因为当我更改 source.playbackRate.value 时，上下文的速率也不会改变，所以我无法确定声音
我正在使用网络音频播放一首歌曲，并且在播放该歌曲之前安排了两次播放速率更改。第一个playbackRate 更改生效，但第二个永远不会触发。这是预期的行为吗？为了使这项工作顺利进行，我还缺少什么吗？
我不知道如何在 iPhone 上使用 HTML5 为音频播放器执行简单的快进和快退。所有 Apple 文档均表示应为此使用 playbackRate。我已经观看了 WWDC 2009 和 2010 s
我是一名优秀的程序员,十分优秀！