Tag: audio

HTML5音频m4a

是否可以使用html5音频播放m4a音乐文件？ 如果这不可能你知道任何可以在JWPlayer外播放m4a的flash播放器，我需要一个免费的。

为什么`$（’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

如何暂停所有在页面上播放的音频

我有一个像这样工作的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音频读取的文本单词，并在单击相邻句子时读取音频。 我需要的是让正在读取的行从页面中消失，并且正在读取的下一行在其位置跳转，依此类推..所以到最后，页面中没有任何内容，但是：1-音频播放器，2 – “突出显示开/关”按钮，3-“滚动/关闭”按钮。 因此，页面中有两个选项，用户希望在阅读时看到所有文本的天气，或者只是看到正在听到的行（以及它下面的行）。 使用的代码是： var textHighlightOn = true, btnToggle = document.getElementById(‘toggleTxt’), textDiv = document.querySelector(‘.text-highlight’) spns = document.querySelectorAll(‘span’), audi = document.getElementById(“adi”); audi.addEventListener(“timeupdate”, f1); function f1(){ // remove all previous actives; [].forEach.call(spns, function(e){ e.classList.remove(‘active’); e.classList.remove(‘active-prev’); }); var i; for (i = 0 ; i< spns.length ; i++){ var time = Number(spns[i].id.slice(2)); if(time 0) { spns[i-1].classList.remove(‘active’); […]

如何在播放之前完全加载音频？

我必须在播放前完全加载音频。 播放器完全加载后应自动播放音频。 不应该有暂停按钮/用户无法暂停它。 这是我的代码，但无法执行此操作。 超文本标记语言： <audio class="audio-player" onloadeddata="myOnLoadedData()" onprogress="myOnProgress()" src="” controls> JavaScript的： function myOnLoadedData() { console.log(‘Loaded data’); $(‘audio.audio-player’).attr(‘autoplay’,’autoplay’); } function myOnProgress(){ console.log(‘downloading’); } 还是有其他玩家符合我的要求吗？

HTML音频 – 使用jQuery检测位置

无论如何，使用HTML5音频标签有一个eventListener或动作使用Dom / jQuery在播放期间或结束时触发事件？ 这个答案链接到currentTime，但没有示例，下面是伪代码。 Your browser does not support the audio element. $(document).ready(function () { $(“audio”).addEventListener(“end”, function () { alert(“song has ended”); }); $(“audio”).addEventListener(‘20.2’, function () { alert(“your currently at 20.2 seconds in the track”); }); });

iPhone上的SoundManager2 – 声音无法在jQuery Load上播放

我正在尝试使用SoundManager2作为iPhone Web App的一部分，在使用jQuery提交表单后播放声音。 播放的特定声音取决于结果，因此生成的页面设置一个变量，用于标识要播放的声音文件。 这一切都在桌面上顺利运行，但在iPhone上运行时，它会失败。 iPhone上的调试控制台显示它正在尝试… 1124: SMSound.play(): “ValidSound” is loading – attempting to play… 1124: SMSound.play(): “ValidSound” is starting to play 1124: setPosition(0): delaying, sound not ready 1124: HTML5::loadstart: ValidSound 1124: HTML5::suspend: ValidSound ……但每次播放都没有声音。 关于可能导致此失败的原因的任何想法？ 我已经包含了主页面的代码，以及使用jQuery返回的“响应”页面的示例： 主要 soundManager.setup({ url: ‘sm/swf/’, useHTML5Audio: true, onready: function() { soundManager.createSound({ id: ‘ValidSound’, useHTML5Audio: true, preferFlash: false, url: ‘http://www.example.com/example […]

元素在Safari中根本不起作用

我正在尝试将音乐添加到我用JS和jQuery编写的虚拟游览应用程序中，到目前为止，我的代码（如下所示）在Chrome，FF，IE9和Opera中运行良好。 但是在Safari 5.1.7中，这是Windows机器的最新版本，它只是不起作用……通过我对问题的研究，我知道Safari不会自动播放音乐而且必须启动它手动，但当我点击播放按钮时，没有任何反应。 而且，顺便说一句，Safari中的代码检查器显示我的音频标签与音乐源一起存在，因此我认为它与DOM没有任何关系。 关于我的问题的任何想法？ HTML ： Music: Play / Pause 我在JS中的音乐对象 ： var Music = { musicBtns: $(‘#musicBtns’), playBtn: $(‘#musicPlayBtn’), pauseBtn: $(‘#musicPauseBtn’), isPlaying: false, init: function() { if(!music.includeMusic) // If the client didn’t want any music in the tour app, remove the music btns from the DOM { this.musicBtns.remove(); } else // Else, setup […]

如何在一个网页上播放多个声音文件？ （点击最佳做法）

我有一个页面，其中有一个词汇表列表。 每个词汇都有一个TTS。 我目前使用的方法是为每个词汇表添加一个mp3 flash播放器。 这会导致加载所有闪存的延迟，因为一个页面中可能有超过10个词汇表。 另一个问题是必须在页面加载时创建tts文件的mp3，这也会延迟加载时间。 在我看来，一些替代方法是： 仅包含一个Flash播放器。 单击加载并播放文件以减少tts文件创建的页面加载。 所以我的问题是， 是否有任何javascript或jquery插件可以执行其他两种方法之一？ 谢谢

录音机，将Blob文件保存到服务器 – C＃，Mvc

我需要在我正在处理的项目中使用录音机，并且必须稍后收听录制的声音。 该项目由c＃和asp.net mvc开发。 http://demos.subinsb.com/jquery/voice/ 我正在上面的链接中使用录像机系统。 单击“下载”时，将为您提供文件.wav格式。 它被下载到您的计算机，但我想将其保存到服务器。 该项目的源代码可在链接下方找到。 http://demos.subinsb.com/down.php?id=s/rvx90xq1xtpak3xc647n&class=31 我调查jquery代码：当你单击下载 $(document).on(“click”, “#download:not(.disabled)”, function () { $.voice.export(function (url) { $(“”)[0].click(); }, “URL”); restore(); }); 它正在使用此function。 函数中的url参数响应链接为 blob:http%3A//localhost%3A1875/146432b2-8b1b-4eef-8d77-1fdbc8fc74c9 当你在播放器中播放时，wav文件正在工作，但播放器stil中的src下面有这个代码 blob:http%3A//localhost%3A1875/146432b2-8b1b-4eef-8d77-1fdbc8fc74c9 题： 如何将声音文件保存到服务器。 我无法从本网站的问题和一般在互联网上找到任何解决方案:) 1 – 我必须使用Jquery Ajax向控制器发送哪些参数？ 2 – 如何在控制器端将该参数转换为wav或mp3格式？ 从现在开始，非常感谢你们:)