Tag: 音频

使用jQuery单击另一个音频文件时停止/暂停音频

我创建了一个网站,其中包含我拍摄过的人的图像缩略图。 当访问者点击其中一个缩略图时,使用jQuery显示完整图像,并播放音频介绍。 我对每个缩略图/图像组合都有不同的音频介绍 – 目前有15个,每天添加更多。 我想确保如果访问者在上一个音频文件完成之前点击另一个缩略图,则停止/暂停前一个音频文件以允许播放新的音频文件 – 从而确保两个或多个轨道不同时播放。 我目前正在使用以下代码片段(包含在匿名函数中),在单击相应的缩略图时单独播放每个音频文件 – 因此每个音频文件都会复制此片段,但不知道如何确保它们不会互相玩耍。 $(“.bridget-strevens”).click(function(){ var audio = $(‘#bridget-strevens-intro’)[0]; if (audio.paused){ audio.play(); } else { audio.pause(); } }); 你能给我的任何帮助都会非常感激,因为我刚开始学习jQuery,并且没有足够的知识来提出可行的解决方案。 在此先感谢您的帮助!

html5 / javascript音频同时播放多个曲目

是否可以同时播放整个音频实例? 我知道,我可以每次创建一个新实例并在每个实例上调用.play(),但我认为它很脏。 喜欢 sound1 = new Audio(‘sound1.mp3’); sound2 = new Audio(‘sound2.mp3); sound1.play(); sound2.play; 它或多或少与此线程相同:同时播放多个声音 但必须有优雅的方式吗?

HTML5音频和jQuery

我正在尝试使用按钮在使用jQuery的HTML5音频标签中启动轨道,但我一直收到错误。 var song = $(‘#audio’); $(‘#play’).click(function() { song.play(); }); 当我使用document.getElementById(’audio’)时,它可以工作,但是当使用jQuery选择器时,我收到以下错误: 未捕获的TypeError:对象[object Object]没有方法’play’ 谢谢你的帮助。

使用时,.play()之后是否可以使用jquery回调?

伙计们,我怎么播放一个mp3文件,然后在第一个完成后播放另一个? 我试过以下没有成功.. $(‘#file1)[0].play( function () { $(‘#file2)[0].play(); }); 播放音频时可以使用回调吗?

使用JavaScript动态控制HTML5音频

我有一个包含大约10个缩略图的画廊,每个缩略图代表一首歌。 为了控制每个的播放,我设置了一个播放按钮以通过jQuery淡入。 在围绕Apple的开发中心进行一些挖掘之后,我找到了一些原生的JavaScript来控制音频。 它工作得很漂亮,但是为了一次控制一个对象而编写。 我想做的是将其重写为一个动态控制您选择的缩略图的播放/暂停的function。 下面是我发现的代码..工作,但是编写它10次是很多不必要的代码。 感谢您的帮助和建议,永远! HTML: Your browser does not support HTML5 audio. JavaScript的: function playPause() { var song = document.getElementsByTagName(‘audio’)[0]; if (song.paused) song.play(); else song.pause(); }

HTML5音频标签显示Chrome中错误的MP3持续时间

当我尝试通过HTML5播放器播放我的一些MP3时,播放器似乎返回两个不同的持续时间。 当我用jQuery查询持续时间时,我得到了当前的持续时间,但是在默认的Chrome播放器中,这首歌的播放时间比歌曲实际上要长得多。 这在Safari(MacOSX上的7.0.1)中不是问题。 某些MP3导致此问题的原因是什么?如何让Chrome(第31版)使用正确的时间? 这是代码: 这是一个音频文件的JSFiddle: http://jsfiddle.net/spKqh/5/ : http://jsfiddle.net/spKqh/5/

jQuery切换类

我在将jQuery的toggleClass函数添加到我的其余代码中时遇到了麻烦。 该页面上有几个HTML5音频标签,通过jQuery控制。 我试图将切换function添加到我的jQuery音频控制function,但它没有添加类,随后音频控件不起作用..所以我想这是一些奇怪的语法错误。 你们推荐什么? 下面是一个jsFiddle和我(不幸的)弱尝试:) http://jsfiddle.net/danielredwood/FTfSq/10/ HTML: Your browser does not support HTML5 audio. Your browser does not support HTML5 audio. Your browser does not support HTML5 audio. JavaScript的: var curPlaying; $(function() { $(“.playback”).click(function(e){ e.preventDefault(); var song = $(this).next(‘audio’)[0]; song.toggleClass(“playing”); if(song.paused){ song.play(); if(curPlaying) $(“audio”, “#”+curPlaying)[0].pause(); } else { song.pause(); } curPlaying = $(this).parent()[0].id; }); }); […]

使用jQuery 1.4播放声音的跨平台,跨浏览器方式?

我试图让jQuery在元素hover/点击上播放声音。 (这就像没有闪存的Flash网站) 我尝试过跨平台,跨浏览器方式推荐的方法从Javascript播放声音? ,jQuery Sound插件和其他一些教程没有任何成功。 我假设这是因为他们自2008年以来没有更新过。 有人有什么建议吗?