个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
25
4
这对我不起作用!有人有同样的问题吗？我的代码看起来很简单，但它只会在我需要能够一遍又一遍地播放时播放。见下图:
我的 HTML:
<audio id="siren" src="sounds/400.ogg" preload="auto">
和我的 JS:
function play_siren() {
log("play sound");
if(document.getElementById('siren').paused == true){
document.getElementById('siren').play();
}
}
function pause_siren() {
try{
if(document.getElementById('siren').paused == false){
document.getElementById('siren').pause();
}
log("paused siren");
}catch(err){
log(err.message);
}
try{
if(document.getElementById('siren').currentTime > 0.0){
document.getElementById('siren').currentTime = 0.0;
}
log("reset siren");
}catch(err){
log(err.message);
}
}
它是在 JS 代码中以编程方式启动的，如下所示:
if(Obj[3].siren == true && isPlayingSiren == false){
play_siren();
isPlayingSiren = true;
}else if(Obj[3].siren == false && isPlayingSiren == true){
pause_siren();
isPlayingSiren = false;
}
我找到了这位先生的代码，他的 DOES 似乎有效:http://html5.komplett.cc/code/chap_video/js_audioPlayer_en.html
但是设置“currentTime = 0”对我没有任何作用。
我想不通。我用 Chrome、Firefox 和 Safari 进行了测试。到目前为止，Firefox 根本无法运行 Chrome 似乎是 HTML5 的最佳选择，但我仍然只能玩一次。
我什至尝试过 mp3 和 ogg 相同的行为。
请说明一下。谢谢!
这是完整的 HTML:
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" media="all" href="js_audioPlayer.css">
<title>HTMLMediaElement example - Audio Player</title>
<script src="../js/audioPlayer.js"></script>
</head>
<body>
<fieldset>
<audio src="sounds/400.ogg" preload="auto"></audio>
<legend>Audio Player (400)</legend>
</fieldset>
<script>
function loadXMLDoc(){
_pause();
updateProgress(0);
playPause();
}
var loadXmlTimer = setInterval(loadXMLDoc, 2000);
</script>
</body>
</html>
这是完整的 javascript:
// global callback functions
var playPause, updateProgress, _play, _pause;
/* initialize audio player */
window.onload = function() {
// keep track of playback status
var AudioStatus = {
isPlaying : false
};
// define references to audio, pulldown menu, play-button, slider and time display
var audio = document.querySelector("AUDIO");
/* load track by menu-index */
var loadTrack = function(idx) {
audio.src = '../sounds/400.ogg';
audio.load();
};
/* callback to play or pause */
_play = function() {
audio.play();
log("play");
AudioStatus.isPlaying = true;
};
_pause = function() {
audio.pause();
log("pause");
AudioStatus.isPlaying = false;
};
playPause = function() {
if (audio.paused) {
_play();
}
else {
_pause();
}
};
/* callback to set or update playback position */
updateProgress = function(value) {
audio.currentTime = value;
log("updateProgress");
};
};
计时器在到期时以编程方式播放声音。只要它是私有(private)的，它就可以工作。我不明白为什么它必须是私有(private)的。
最佳答案
它是否通过 if 语句传递？
您可以使用 ontimeupdate 将 document.getElementById('siren').currentTime 的值放入变量中。如果设置为大于 0，则可以在 if 条件下更新它。
关于javascript - HTML5 音频播放不超过一次，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17664181/
25
4
0
我做了一个项目，使用两个不同的textview进行触摸来播放两个音频。 这是一个文本 View 的简单代码 tv.setOnTouchListener(new OnTouchListener() {
我正在使用 pygame 模块在 python 中操作声音文件。它在交互式 python session 中工作正常，但相同的代码在 bash 中不会产生任何结果: 交互式Python $ sudo
请注意它只能是 JavaScript。请参阅下面我当前的 HTML。我需要像当前代码一样在页面之间旋转。但是，我需要能够在页面之间暂停/播放。
我有一个带有一堆音频链接的html。我正在尝试使所有音频链接都在单击时播放/暂停，并且尝试了here解决方案。这正是我所追求的，只是我现在不得不修改此功能以应用于代码中的所有音频链接(因为我不能为每个
在尝试进入我的代码中的下一个文件之前，我尝试随机播放.wav文件数毫秒。最好的方法是什么？ 我目前有以下代码: #!/usr/bin/env python from random import ran
我有2个回调函数，一个播放音频，另一个停止音频。 function Play_Callback(hObject, eventdata, handles) global path; global pla
我有一个电台应用程序，并与carplay集成。在Carplay仪表板中，我仅看到专辑封面图像和停止按钮。我想在仪表板上显示播放/暂停和跳过按钮。如果您对该站有任何了解，可以帮我吗？ 最佳答案 您需要使
我正在使用 ffmpeg 创建一个非常基本的视频播放器。库，我有所有的解码和重新编码，但我坚持音频视频同步。 我的问题是，电影有音频和视频流混合(交织)，音频和视频以“突发”(多个音频包，然后是并列的
我不知道我在做什么错 $(document).ready(function() { var playing = false; var audioElement = document.
我正在尝试通过(input:file)Elem加载本地音频文件，当我将其作为对象传递给音频构造函数Audio()时，它不会加载/播放。 文件对象参数和方法: lastModified: 1586969
在 Qt 中创建播放/暂停按钮的最佳方法是什么？我应该创建一个操作并在单击时更改其图标，还是应该创建两个操作然后以某种方式在单击时隐藏一个操作？如何使用一个快捷键来激活这两个操作？ (播放时暂停，暂停
我正在用 Python 和 SQLite 构建一个预订系统。 我有一个 Staff.db 和 Play.db (一对多关系)。这个想法是这样的:剧院的唯一工作人员可以通过指定开始日期和时间来选择何时添
我有一个服务于 AAC+ (HE v2) 的 Icecast 服务器。我在我的网页中使用 JPlayer 来播放内容。在没有 Flash Player 的 Chromium 中，它工作得很好。 对于支
当我运行我的方法时，我收到一个MediaException。我使用 playSound("src/assets/timeup.mp3"); 调用该方法。 private void playSound(
我有一项正在播放播客的服务。我希望该服务检测用户何时按下暂停或从他们的 BT radio 播放，以便我可以停止和启动它。对于我的生活，我无法弄清楚要向我的监听器添加什么过滤器(当我按下 BT 按钮时，
我对 Java 不是很在行，在研究网站上的音乐循环的简单播放/暂停按钮后，我得到了这段代码。它可以很好地离线测试，但在上传到 FTP 服务器后，它不会在任何浏览器中播放音频，我得到 SyntaxErr
我有一个使用 flickity carousel library 创建的视频轮播, 见过 here on codepen .我想要发生的是，当用户滑动轮播时，所选幻灯片停止播放，然后占据所选中间位置的
这是一个 JSFiddle: http://jsfiddle.net/8LczkwLz/19/ HTML: JS: var flashcardAudio = documen
我的问题是我无法将歌曲标题文本保持在 line-height: 800px;当用户播放或暂停播放器时。我设法在 :hover 上做到了。这似乎是一件非常棘手的事情，这真的是我第一次遇到 CSS 如此困
我还没有找到与我的完全一样的帖子，所以这就是问题所在。我正在制作一个 mp3 播放器，播放/暂停是两个单独的按钮。这是我的代码。 prevButton = document.getElementByI
我是一名优秀的程序员,十分优秀！