问题标签 [html5-audio]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1379 浏览

javascript - Javascript 音频播放器 - 将 .ogg 添加到 .mp3 数组

我的 javascript 音频播放器使用 .mp3s,但我不确定如何添加第二种音频格式 (.ogg),以便这些文件也可以在 Firefox 中播放。有人能帮忙吗。这是数组代码:

0 投票
2 回答
6664 浏览

html - 一次只允许播放一个音频元素

我有一页上有多个音频播放器,每个播放器都有一个播放和停止按钮。我遇到的唯一问题是,当您单击一个播放按钮,然后单击另一个播放按钮时,它们会相互叠加播放。有人可以帮我编写代码,当单击另一个播放按钮时,我需要停止正在播放的任何歌曲 - 所以一次播放的歌曲永远不会超过一首?谢谢!这是我的代码:

0 投票
1 回答
952 浏览

html - 如何从音频创建 HTML5 中的音频播放器?

我发现了几个 HTML5 音频示例:

jQuery插件:
http ://www.happyworm.com/jquery/jplayer/latest/demo-01.htm

该站点使用上述 jQuery 插件作为流:
http ://wfmu.org/html5/player.php

这个从头开始使用流:
http ://www.trygve-lie.com/blog/entry/html_5_audio_element_and

另一个教程:
http ://html5doctor.com/native-audio-in-the-browser/

只要流有 Ogg Vorbis 源和 MP3,它应该是好的。

我如何使用 JavaScript 创建一个频道选择器,以便在更改频道时为音频流使用不同的来源?

0 投票
1 回答
623 浏览

actionscript-3 - HTML:如何在不缓冲所有声音数据的情况下从 URL 中间文件开始声音播放

我在标准的 apache 服务器上托管了一个长 mp3 文件(到目前为止 30 分钟,但我希望它也能处理更长的声音)。

我想在指定点开始播放此音频。

在尝试使用 Flash Actionscript 3 时,我的基本测试表明,从开始到我选择的位置的所有音频在播放之前都被缓冲(Sound.bytesLoaded 是我的朋友)。如果我开始一秒,开始播放大约需要 3 秒,30 秒,大约需要 25 秒。显然,对于一个非常长的 mp3,比如跳到 3 小时有声读物的中间播放,这是不切实际的。

这是我正在使用的 ActionScript 3.0 代码:

任何人都知道这在 Flash 中是否可行?

如果没有,是否甚至可以在不安装任何服务器端解决方案的情况下从网页执行此操作?

非常感谢。

0 投票
2 回答
791 浏览

javascript - 当元素发生变化时,我如何播放声音,就像 SO Chat 一样?

我想在页面上的元素更改时播放声音。我知道如何做到这一点,但我不能让它只在第一次更改时播放,以后不要这样做,直到用户聚焦窗口(选项卡)并再次模糊它。

我当前的代码:

0 投票
1 回答
1593 浏览

html - 流式传输音频文件与静态服务

我有一个网站,用户可以在其中上传音频文件(aac 类型)。用户可以通过网络浏览器或 iPhone 或 Android 等移动设备播放他们的音频文件。对于网络浏览器,我想支持最新的 HTML5 音频标签,并为旧浏览器提供 Flash 后备。

我做了一些研究,mp3 看起来是向网络浏览器提供音频文件的最佳格式,因为一些现代浏览器本机支持 mp3,而不支持的浏览器 (FireFox) 可以回退到 flash。一旦用户上传了一个 aac 文件,我将创建另一个版本的音频文件作为可用于服务的 mp3。

提供这些音频文件的最佳方式是什么?流式传输还是静态服务?有什么优点或缺点吗?也许有一种灵活的服务器技术。我知道icecast,但我认为它不适合我的特定用例。

我还有一个关系数据库,它存储每个静态音频文件的链接。我也想使用 HTTP 流而不是专有协议。最重要的是,我希望尽可能高效地执行此操作,因为带宽可能会变得昂贵。

0 投票
1 回答
3599 浏览

javascript - 如何通过清理来防止内存泄漏

我用 jQuery 编写了一些 JavaScript,它加载了一个带有 HTML 5<audio>标记的声音文件,然后单击鼠标开始播放该声音文件的一个新实例(以便它可以并行/叠加播放多次)。

HTML:

JavaScript:

这按预期工作,但会造成内存泄漏,如果您单击该按钮太多次,则会导致 FF 耗尽系统 RAM 和 Chromium 以显示其“Ah,Snap”页面。

编辑:为了快速测试,最好使用$(document).keypress而不是mybutton.click按住按钮。

<audio>声音文件播放完后如何清理元素?

注意:我不会将克隆的元素插入到页面中。

注意2:如果您单击,也会发生泄漏,等到声音结束,再次单击...

(我对解决方案感到满意,但也感谢解释为什么会发生泄漏。)

0 投票
3 回答
15862 浏览

html - HTML5 语音输入麦克风访问

Chrome (Mac) 上的 HTML5 语音输入如何访问麦克风?是因为我安装了谷歌语音插件吗?

浏览器不应该在授予访问权限之前明确请求许可吗?

http://slides.html5rocks.com/#speech-input

0 投票
1 回答
896 浏览

html5-audio - html5音频和javascript操作问题

我正在尝试使用和 javascript 操作音频文件(mp3),<audio>但是当我单击链接时没有任何反应。工作正常,alert()但音频没有任何反应,即没有暂停、没有播放、什么都没有……,无论是在 Safari 还是 Firefox 中。编码是狡猾的还是什么?

看一下这个:

jQuery/javascript:

HTML:

谢谢!

0 投票
2 回答
1044 浏览

c++ - 用于 HTML5 音频的 C++ 流服务器

是否可以让 HTML5 音频标签的 src 成为 C++ 程序,并让 C++ 程序将音频流式传输到音频元素?例如,假设我有一个 HTML5 音频元素试图从本地程序中获取音频,如下所示:

如果可能,我应该使用哪些库?我现在只想在本地尝试,所以 file:// 是我想要的。

编辑:将源设置为 file:// 不起作用,那么我如何告诉它从特定的 C++ 程序获取音频?