Tag: html5 audio

为什么`$（’audio’）。触发（播放）`两次触发playHandler而’$（’audio’） .play（）`只触发一次？: 我以前认为trigger(play)只是触发音频的原生playfunction，但今天我只是注意到这两种方法之间存在细微差别。如果你注册了一个回调play ，例如$(‘audio’).on(‘play’, function() { console.log(‘playing’); }) ，如果使用trigger(play) ，则会调用两次回调trigger(play)但是在使用play()时只有一次。怎么会出现这种差异？是否有可能使trigger(play)仅触发play callback一次，以便防止潜在的错误？ [试玩] 更新在演示中，我调用trigger(‘play’)和trigger(‘pause’)然后play()和pause() 。结果是 // the following four lines are generated by trigger calls play play pause pause // the following two lines are generated by native calls play pause 这个演示可以说明我在说什么。这个问题可以转载于： Chrome版本46.0.2490.86米 IE 11.0.9600.18053 FireFox 42.0

使用Jquery / Javascript进行多实例音频播放: Track Name :- i run this bitch By :- DJ Harsha Play Your browser does not support HTML5 audio. Download MP3 Track Name :- ai se eu tei pego By :- DJ perera Play Your browser does not support HTML5 audio. Download MP3 Track Name :- Krewella – Live for the night By :- DJ […]

jQuery：点击原生音频元素: 如何使用jQuery检测本机浏览器音频元素的点击？似乎在Chrome中不起作用。 $(‘audio’).click(function(){ alert(“You clicked on some audio player”); }); http://codepen.io/Subfader/pen/GqrmNQ

为页面上的所有音频标签添加播放按钮: 我想为页面上的每个音频文件添加一个播放按钮。因此，我在每个音频标签下添加了一个带索引类名的按钮，但现在我不知道如何继续并将click事件绑定到按钮。也许总的来说有更优雅的方法…… $( “audio” ).each(function( index ) { $( ‘Play Clip #’ + index + ” ).insertAfter( this ); }); $(“button”).on(“click”, playTest);

如何暂停所有在页面上播放的音频: 我有一个像这样工作的html5播放器： Html： Javascript： $(“[data-dwplayer=true]”).each(function(){ var player = $(this); var audio = new Audio(); /* data */ var source = player.data(‘mp3’) ? player.data(‘mp3’) : player.data(‘ogg’); var auto = player.data(‘autoplay’) ? true : false; var loop = player.data(‘loop’) ? true : false; /* set source */ audio.src = source; and the rest of code … 意思是所有音频播放器都是用javascript制作的，页面上没有实际的标签，我想要做的是，我需要编写一个function，当有人点击播放按钮播放音频播放器时，所有其他音频播放器应该暂停，我已经尝试过这段代码，但它不起作用我认为这是因为没有实际的标签 /* […]

如何检测HTML5音频播放/暂停状态是否已在网页外更改？: 我有一个播放广播电台的HTML5音频流的网络应用程序。我正在使用jQuery播放/暂停音频并切换播放/暂停按钮，如下所示： var playerStream = document.getElementById(‘player-stream’); $(‘section.player’).hammer().on(‘tap’,’button.toggle-stream’, function(event){ if (playerStream.paused) { playerStream.play(); $(‘button.toggle-stream’).attr(‘data-icon’,’s’); } else { playerStream.pause(); $(‘button.toggle-stream’).attr(‘data-icon’,’p’); } }); 一切都很好。但是，在iPhone和iPad等设备上，您可以控制从网页外部播放的音频（例如，双击主屏幕并单击播放/暂停）。假设音频正在播放，应用程序外部我决定暂停流。当我返回实际的网络应用程序时，“暂停”按钮仍会显示并有效地执行任何操作，直到您点击它两次以恢复流。应该真正发生的是暂停按钮返回’播放’，所以这看起来很自然。如何检测音频播放/暂停状态的变化并将其反映回应用程序？

音频事件不会在播放事件上触发jquery: 我尝试在音频play事件上执行一个函数： jQuery(‘audio’).on(‘play’, function () { /* … */ }); 但是我的元素在执行此函数时不存在，因此未选中它。相反，当我需要为动态添加内容触发事件时，我有习惯使用不同的语法： jQuery(‘.constant-container’).on(‘play’, ‘audio’, function () { /* … */ }); .constant-container不会改变的地方。但是这个解决方案似乎不起作用，音频元素也没有得到任何click事件。这是bin的链接。前4个音频正确处理事件，但不是最后4个。

不能直接将 .play（）作为jQuery回调: 考虑以下代码： var music = $(“audio”)[0]; //doesn’t work $(“#pbutton”).click(music.play); //works $(“#pbutton”).click(function(){music.play()}); 无效的行在Firefox中返回此错误： TypeError: ‘play’ called on an object that does not implement interface HTMLMediaElement. 我在这里错过了什么吗？为什么这不起作用？更新：我为此做了一个小提琴。

选择随机元素: 我正在尝试为我的HTML 5播放器制作一个随机播放按钮。我的播放器设置如下，以便进入下一首曲目： $(‘.nextbutton’).on(“click”, function(){ var next = $(‘li.playing’).next(); if (!next.length) next = $(‘#stuff ul li’).first(); next.addClass(‘playing’).siblings().removeClass(‘playing’); var title = $(‘a#tunes img’, next).attr(“title”); $(“a.songtitle span”).text(title); var artist = $(‘a#tunes img’, next).attr(“artist”); $(“a.songartist span”).text(artist); audio.load($(‘a#tunes’, next).attr(‘data-src’)); audio.play(); }); 这段代码可以转到下一首歌，但是如何更改它以使其选择随机元素而不是.next(); ？感谢您的时间和考虑。希望你能帮我！

使用单个控制器控制多个html5音轨: 我正在尝试为网站实现一个非常小的音频播放器。界面相当简单。它有一个播放/暂停按钮和一个静音/取消静音按钮。我遇到的问题是为不同的轨道实现同一播放器的多个实例。播放器的javascript是： jQuery(function() { var myAudio = document.getElementById(“myAudio”); var btnPlayPause = document.getElementById(“btnPlayPause”); var btnMute = document.getElementById(“btnMute”); btnPlayPause.addEventListener(“click”, function() { if (myAudio.paused || myAudio.ended) { myAudio.play(); btnPlayPause.innerHTML = “Play”; } else { myAudio.pause(); btnPlayPause.innerHTML = “Pause”; } }); btnMute.addEventListener(“click”, function() { if (myAudio.muted) { myAudio.muted = false; btnMute.innerHTML = “Mute”; } else { […]