问题标签 [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 回答
16305 浏览

javascript - 在 HTML5 音频标签上使用 javascript 搜索栏处理

我的代码如下

http://dev.opera.com/articles/view/everything-you-need-to-know-about-html5-video-and-audio/中所述

我的问题是 1)没有根据音频持续时间设置搜索栏最大值。(搜索栏宽度大约是音频持续时间的一半)。2)当音频播放时,搜索栏没有显示任何进度,但是如果您拖动搜索栏,则当前时间实际上会发生变化。

谁能帮我修改我的代码以使其正常运行?

0 投票
2 回答
2151 浏览

html - Minimizing latency in streaming audio with html 5

I'm trying to listen to a live audio stream on a webpage with a latency of less than 3 seconds. So far with ogg vorbis streams generated using ices & icecast, I've been unable to get latencies less than 7 seconds. All players I've used so far (html5 audio tag in Firefox, Opera, Safari; VLC as well) seem to introduce similar delays. It's unclear at this point how much latency is introduced in ices/icecast vs. the client-side player. I've tweaked ices and icecast settings, to no avail.

Has anyone achieved better latencies than this in a similar ices/icecast setup? I wouldn't expect an ogg vorbis decoder (be it html 5 in a browser, VLC, or whatever) to delay an audio stream for multiple seconds. Am I incorrect? I can't find any info on controlling buffer sizes or the decoding in browsers.

With a different architecture (html 5, firefox, WSGI server serving wav format audio), I was able to achieve latencies around 1-2 seconds. By default, the firefox began playing the wav file 5+ seconds behind, but I could advance playback by setting audio.currentTime ahead, and only be 1-2 seconds back (somewhat fragile). However, I'd much prefer to use icecast, and streaming wavs obviously doesn't scale.

Thanks in advance for any ideas.

0 投票
4 回答
1846 浏览

javascript - 如何在 iPad 上使用 HTML5/Javascript 合成音频

有没有人在 iPad 上的 Mobile Safari 上使用 HTML5/Javascript 合成(和播放)音频的工作示例代码?我在网上找到了一些基于 javascript 的声音合成示例,但它们似乎都只在 Firefox 中工作。

0 投票
1 回答
521 浏览

html - HTML5:实时声音

HTML5(或浏览器中的任何东西)可以用来实时传输声音吗?比如Skype?谢谢

0 投票
2 回答
2143 浏览

uiwebview - Mobile Safari 和 UIWebView 中的多个 HTML5 音频标签

<audio>当我使用默认控件时,我在处理多个页面时遇到了困难。我还没有深入测试过创建自定义控件。

自定义控件有一个“开始”按钮,该按钮变为“暂停”。好的,可以很好地暂停音频。但是,当您转到页面上的第二个音频控件时,它永远不会在第一个暂停时播放。如果您一直播放第一个,则单击“播放”按钮时将播放第二个。

任何地方都有“停止”功能吗?如果是这样,那将意味着我需要创建一个自定义控件并且我可以做到这一点,但我还没有找到用于实际“停止”第一个播放的事件。此外,在播放第二个音频之前必须暂停然后知道他们还需要按下停止按钮可能真的会让用户感到困惑。

希望我可以使用一个脚本来检查以前的音频是否暂停,然后停止第一个音频或重置它,然后继续播放第二个音频。

有任何想法吗?谢谢,Linda PS 我对 JavaScript 很不满意,所以如果有人帮助编写脚本,我将不胜感激。

0 投票
5 回答
135435 浏览

css - 自定义 CSS 为

我正在构建一个实现 HTML5 音频标签的音乐播放器 Web 应用程序,但是希望它在浏览器中看起来一致 - 是否可以定义我自己的自定义 CSS?如何?

0 投票
2 回答
1854 浏览

html - 使用 HTML 5 在本地文件夹上创建音乐文件数据库?

我想获取音乐文件的详细信息,例如“文件名”、“歌曲名”、“大小”、“艺术家”、“长度”、“评分”等。这是我的网站所必需的。用户应该单击站点上的一个按钮,然后应该会出现一个弹出窗口,他可以在其中选择包含 mp3 文件的文件夹。然后弹出程序应该创建必要的数据并将其上传到服务器。

我该怎么做?闪光?有没有办法用 HTML 5 做到这一点?纯 HTML 5?不使用闪存?

0 投票
2 回答
40614 浏览

streaming - 将音频从 Node.js 服务器流式传输到 HTML5

我一直在用 Node.js 中的二进制流进行试验,令我惊讶的是,我确实有一个使用 node-radio-stream 获取 Shoutcast 流并使用分块编码将其推送到 HTML5 元素中的工作演示。但它只适用于 Safari!

这是我的服务器代码:

我的客户代码很简单:

这在 Mac 上的 Safari 5 中运行良好,但在 Chrome 或 Firefox 中似乎没有任何作用。有任何想法吗?

可能的候选者包括编码问题,或者只是部分实现的 HTML5 功能......

0 投票
3 回答
3936 浏览

html - 是否可以使用 HTML5 录制声音?

我正在考虑我们的一些程序的网络版本,并考虑 HTML5 和 Flash。

任何人都知道是否可以使用 HTML5 录制音频?

0 投票
2 回答
26761 浏览

javascript - 如何以编程方式将多个源添加到 HTML5 音频标签?

许多示例演示了嵌套在音频标签中的多个源标签,作为克服不同浏览器之间编解码器兼容性的一种方法。像这样的东西-

在使用 JavaScript 时,我还可以创建这样的音频元素 -

我可以通过.src属性设置其来源 -new_audio.src="....";

我找不到如何通过 JavaScript 在音频元素中添加多个源,类似于 HTML 片段中显示的源标记。

我是否操纵new_audio并在其中添加<source...标签,就像操纵任何其他 DOM 元素一样?我现在正在这样做并且它有效,这是 -

我想知道是否有更合适的方法来做到这一点?