Tag: 音频

JQuery菜单声音播放hover: 我右边有一个菜单，当我盘旋时我想要点击这个咔嗒声。但是我不明白这是如何启用的。我使用无序列表，并且li具有链接到页面的链接。这是我到目前为止所得到的。的index.html Simple Learning Project $(document).ready(function(){ $(‘#navigation’).append(”); var posTop, liW, liH; $(‘#nav li a’).hover(function(){ posTop = $(this).offset().top; liW = $(this).parent(‘li’).outerWidth(); liH = $(this).parent(‘li’).height(); $(‘#libg’).css({top: posTop+’px’, height: liH }).stop().animate({width: liW+’px’, opacity: ‘1’}, 500); },function(){ $(‘#libg’).stop().animate({width: ‘0px’, opacity: ‘0’}, 0); }); var navhover = $(‘#nav li a’); var navaudio = navhover.find(‘audio’)[0]; navhover.hover(function(){ navaudio.play(); }, […]

html5音频在元素存在之前绑定timeupdate: 我试图从音频标签绑定“timeupdate”事件，但尚未存在。我习惯这样做： $(“body”).on(“click”,”#selector”, function(e) { }); 我用音频标签尝试了这个： $(“body”).on(“timeupdate”, “.audioPlayerJS audio”, function(e) { alert(“test”); console.log($(“.audioPlayerJS audio”).prop(“currentTime”)); $(“.audioPlayerJS span.current-time”).html($(“.audioPlayerJS audio”).prop(“currentTime”)); }); 但这不起作用。这应该有用吗？或者我做错了什么？任何帮助都非常感谢。有一个fiddel给你： jsfiddel

是否可以创建具有多个轨道同时播放的javascript音频播放器？: 我想创建10个声音的自定义播放器。所有10首曲目都是由不同乐器创作的一种音乐作品的组成部分。我希望每个音轨都有开/关切换器。点击每个切换器后，声音将播放。打开所有按钮后，必须同时播放所有曲目。完成后，每个轨道必须一次又一次地重复。没有闪光灯可以制作吗？这是在ActionScripts中创建的此任务的示例： http ： //www.incredibox.com/en/play# 谢谢！

切换HTML5音频的“静音”属性: 我正在尝试创建一个静音/取消静音按钮，我对jquery很新，所以如果有人能给我任何指针会有帮助： $(“#dinner”).click(function() { var bool = $(“#player”).muted; $(“#player”).attr(“muted”,!bool); });

使用HTML5和javascript在后台顺序或随机播放多个音频文件: 我正在尝试播放在后台运行的3个音频文件（可能会更晚）。此时我只是尝试按顺序播放它们并让它在播放最后一个时循环回第一个音频文件。我相信我已经尝试了几乎所有的解决方案或function组合，而我却无法让它发挥作用。我遇到两个问题之一：如果我尝试对存储在数组中的每个音频使用重复，页面将成功播放第一个，然后尝试同时播放下两个，而不是顺序播放。它肯定不会回到第一个。此外，如果您在我的html中注意到，我为每个玩家分配了一个单独的ID。将它们全部放入示例播放器ID中会更好吗？ jQuery(document).ready(function (){ var audioArray = document.getElementsByClassName(‘playsong’); var i = 0; var nowPlaying = audioArray[i]; nowPlaying.load(); nowPlaying.play(); while(true){ $(‘#player’).on(‘ended’, function(){ if(i>=2){ i=0; } else{ i++; } nowPlaying = audioArray[i]; nowPlaying.load(); nowPlaying.play(); }); } }); 另一方面，我可以按顺序播放，但每个播放都需要硬编码，我不能循环回到第一个 jQuery(document).ready(function (){ var audioArray = document.getElementsByClassName(‘playsong’); var i = 0; var nowPlaying = […]

在hover时播放音频文件（并在mouseout上停止播放）: 通过JavaScript在鼠标上播放音频文件的最佳解决方案是什么？当鼠标离开链接时停止它。 jQuery可用。 play

对于大多数浏览器，什么技巧会在浏览器窗口中提供最可靠/兼容的声音警报: 我希望能够在浏览器窗口中使用Javascript播放警报声，最好是需要任何浏览器插件（Quicktime / Flash）。我一直在尝试使用Javascript中的标记和新的Audio对象，但结果是混合的：如您所见，没有适用于所有浏览器的变体。我是否会错过更多跨浏览器兼容的技巧？这是我的代码： // mp3 with Audio object var snd = new Audio(“/sounds/beep.mp3”);snd.play(); // wav with Audio object var snd = new Audio(“/sounds/beep.wav”);snd.play(); // mp3 with EMBED tag $(“#alarmsound”).empty().append (”); // wav with EMBED tag $(“#alarmsound”).empty().append (”); }

jQuery：你如何预加载声音？: 我有一个网站，当你点击一个按钮播放声音。我就是这样做的 function PlaySound(soundfile) { $(‘#soundContainer’).html(“”); } 你如何事先预装声音文件？谢谢。

使用Javascript播放音频元素（html5）: 我正试图弄清楚如何触发从javascript播放音频。我有一些看起来像的HTML： foo Your browser does not support the audio tag. 而我正试图触发它： $(document).ready(function () { $(‘.audio’).each(function(){ var audio = $(this).find(‘audio’).get(); $(this).click(function(){ audio.volume = 100; alert(‘1 ‘+audio); audio.play(); alert(‘2′); }); }); }); 警报（’1’+音频）; 按预期工作，并将音频报告为HTMLAudioElement。但警惕（’2’）; 没有被调用因为我得到错误’audio.play’不是一个函数。我该怎么做才能解决这个问题？

如何使用jquery和html5检测音频文件的结尾: 我有这个jquery代码和html工作正常的英语培训网站。 $(document).ready(function() { $(“p”).hover( function() { $(this).css({“color”: “purple”, “font-weight” : “bolder”}); }, function() { $(this).css({“color”: “black”, “font-weight” : “”}); } ); $(“p”).click(function (event) { var element = $(this); var elementID = event.target.id; var oggVar = (elementID +”.ogg”); var audioElement = document.createElement(‘audio’); audioElement.setAttribute(‘src’, oggVar); audioElement.load(); audioElement.addEventListener(“load”, function() { audioElement.play(); }, true); audioElement.play(); }); }); this is […]