Tag: 音频

audio_tag为不同的按钮播放相同的文件

我是使用audio_tag的新手; 我正在尝试使用一组按钮来播放简短的音频文件。 我要发布这篇文章来实现这个function。 我目前有两个带有相关按钮的音频标签,它们应该播放不同的文件。 但是,两个按钮都播放第一个音频文件。 我正在为每个按钮分配不同的ID,但这没有帮助。 如果我删除第一个文件,则第二个按钮播放预期的文件。 (mp3文件位于/ public / audios中)。 如何将正确的文件关联到其按钮? 视图: A E application.js中: jQuery(document).ready(function() { $(“#audioButtonA”).on(“click”, function() { $(“.audio-play”)[0].currentTime = 0; return $(“.audio-play”)[0].play(); }); }); jQuery(document).ready(function() { $(“#audioButtonE”).on(“click”, function() { $(“.audio-play”)[0].currentTime = 0; return $(“.audio-play”)[0].play(); }); });

ReferenceError:未定义音频

我正在为客户在Meteor中构建一个音频播放器。 我尝试创建音频对象时收到错误。 我正在使用以下代码。 知道为什么会这样吗? 任何帮助将不胜感激。 // Define Audio song = new Audio(‘/audio/waitforme.mp3’); // Define Play play = $(‘#playicon’); $(function() { $(‘#playicon’).on(“click”, function() { e.preventDefault(); song.play(); }) }); ReferenceError: Audio is not defined at AlannaSite.js:2:14 at AlannaSite.js:12:4 at /Users/CorrinSite/.meteor/local/build/programs/server/boot.js:242:10 at Array.forEach (native) at Function._.each._.forEach (/Users/AriKamin/.meteor/packages/meteor- tool/.1.1.9.1sd3e7j++os.osx.x86_64+web.browser+web.cordova/mt-os.osx.x86_64/dev_bundle/server-lib/node_modules/underscore/underscore.js:79:11) at /Users/CorrinSite/.meteor/local/build/programs/server/boot.js:137:5

可自定义且跨浏览器友好的音频播放器,用于标签

我很难找到一个jQuery类型的播放器,我可以轻松自定义并应用到我的网站。 基本上我试图说服我的音频标签: 因为src来自声音云,它将永远是.mp3格式,因此我需要一个能够在不支持.mp3格式的浏览器中回退的播放器。 谁能建议这样的球员? 优选地,重量轻,易于安装并且具有高度可用的css。

在客户端预加载音频文件供以后使用

我正在构建一个使用原生音频播放器( 即非基于Flash)实现音频(mp3)的在线测试。 测试一次显示一个问题,并异步加载每个后续问题。 有些问题有附带的音频文件,有些则没有,音频文件的大小可能是几MB。 所以我希望做的是在测试开始时预先加载客户端的音频文件,然后在相关问题出现时将它们移动到位。 到目前为止,我已经尝试将音频文件加载到QuickTime播放器中,然后当问题出现时,我使用jQuery的clone(true)方法将其复制到显示的页面的一部分中。 但是,当我这样做时,QuickTime播放器必须从源重新加载音频文件。 Windows Media Player也是如此。 有没有人有任何关于我如何预加载音频客户端然后在需要时调用它的建议?

Jquery Ajax以二进制格式流音频

存储在具有唯一URL的不同服务器中的各种格式(mp3,ogg等)的音频文件,音频文件以二进制格式存储。 所有文件都是通过调用ispeech.org api创建的,用于文本到语音转换 我有一个简单的html页面,带有一个名为play的div,是否有可能在dom准备好的时候以某种方式(也许是ajax)加载音频文件,当用户点击播放开始播放音频文件时? 我不能使用flash或jquery插件(如jplayer)只是纯jquery / js或html5有什么建议吗? 这里是流式音频url的一个示例 api文档就在这里

hover多个实例div时的独特声音

我正在尝试播放一个独特的声音,因为我将一个div元素hover在某个类( .trigger )上。 我的问题是,我有这个div类的多个实例,这意味着无论我hover哪个div,都会播放(相同)声音。 我的dreamcenario将是,只要下一个div徘徊(并希望下一个声音播放),任何先前的声音停止(我使用1-2秒长的声音文件)。 我已经通过html5将我的音频包含在div中我试图用作触发器。 我正在使用这个脚本: $(“.trigger”) $(this).each(function(i) { if (i != 0) { $(“#sound”) .clone() .attr(“id”, “sound” + i) .appendTo($(this).parent()); } $(this).data(“cnt”, i); }) $(this).mouseenter(function() { $(“#sound” + $(this).data(“cnt”))[0].play(); }); $(“#sound”).attr(“id”, “sound0”); 我会因为任何帮助和更好的想法来实现这一点而感恩:我是一个可怕的新手 – 对不起。

缓存为空时获取音频文件的持续时间属性的问题

我在获取audio / mpeg(mp3)的元数据时遇到问题。 例如,我使用JS来获取音频文件的持续时间,当缓存为空时,持续时间值返回“Infinity”(NaN)。 我已尝试使用events / attributes preload和onloadedmetadata,并且当缓存为空时,我无法获得音频的持续时间和其他属性。 注意:问题出在我清理缓存时(或访问者第一次访问页面时)。 audioElement = new Audio(‘http://www.html5rocks.com/en/tutorials/audio/quick/test.mp3’); console.log(audioElement); audioElement.addEventListener(“loadedmetadata”, function(_event) { var duration = audioElement.duration; console.log( duration ); });

在暂停某些HTML5 时发出声音

为什么某些文件上的音频会在hoverstate离开时“pop”或“click”,而不会在其他文件上出现? 可以在这里观察到弹出(JSFiddle)。 您可能需要hover然后取消几次才能听到它。 即使文件转换为.ogg,它仍然会在hover退出时弹出(尽管响应速度明显更快)。 var test = new Audio(“test.ogg”); $(‘#test’).hover(function() { test.play(); }, function() { test.pause(); test.currentTime = 0; }); 有什么方法可以解决这个问题吗? 它是音频文件本身吗? 有没有办法以编程方式防止它?

如何使用javascript静音/取消静音音频

我在这里创建了一个function小提琴( http://jsfiddle.net/rhy5K/10/ )。 现在我想为用户提供声音“静音/取消静音”选项。 例如,如果我点击“一个链接然后声音播放就像Get ready,5,4,3,2,1应该是静音,反之亦然。 我想在点击时调用to toggle_sound函数,但我很困惑,我应该在函数内部写什么来静音。 请为我提供一个逻辑,或解决我的问题。 使用代码示例解释: 我想在下面播放MUTE / UnMUTE var playGetReady = function (done) { var ids = [‘audiosource’, ‘a_5’, ‘a_4’, ‘a_3’, ‘a_2’, ‘a_1’], playNext = function () { var id = ids.shift(); document.getElementById(id).play(); if (ids.length) { setTimeout(playNext, 1000); } else { done(); } }; playNext(); }; 警告: 这个JS小提琴演示可能会在加载时播放声音

jQuery声音

我正在使用jQuery声音插件在我的网站上创建一些声音效果,但我无法让它播放。 我收到这条消息: settings.events.error(null, {msg: “You have not yet bound the sound player to this element”}); 我究竟做错了什么? 这是我的代码: var $j = jQuery.noConflict(); $j(“.sound1”).sound({swf: url}); $j(“.sound1”).load(url); $j(“.sound1”).play(); $j(“.sound1”).pause(); $j(“.sound1”).stop(); $j(“.sound1”).volume(0-100); $j(‘.sound1’).mouseover(function() { $j(“.sound1”).play(‘/messages4u/2011/images/october/sound1.mp3’); }); 我不确定代码中是否需要一切,但我对JS并不擅长并需要一些帮助! 我需要指定URL吗? 如果是这样的话?