问题标签 [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 投票
18 回答
294209 浏览

javascript - JavaScript / HTML5 中的音效

我正在使用 HTML5 来编写游戏;我现在遇到的障碍是如何播放音效。

具体要求很少:

  • 播放和混合多种声音,
  • 多次播放相同的样本,可能会重叠播放,
  • 在任何时候中断样本的播放,
  • 最好播放包含(低质量)原始 PCM 的 WAV 文件,但我当然可以转换这些文件。

我的第一种方法是使用 HTML5<audio>元素并在我的页面中定义所有声音效果。Firefox 播放 WAV 文件的效果非常好,但#play多次调用并不能真正多次播放样本。根据我对 HTML5 规范的理解,该<audio>元素还跟踪播放状态,这就解释了原因。

我的直接想法是克隆音频元素,所以我创建了以下小型 JavaScript 库来为我做这件事(取决于 jQuery):

所以现在我可以Snd.boom();从 Firebug 控制台播放snd/boom.wav,但我仍然不能多次播放同一个样本。似乎该<audio>元素实际上更像是一种流媒体功能,而不是用来播放声音效果的东西。

有没有一种聪明的方法可以让我错过,最好只使用 HTML5 和 JavaScript?

我还要提一下,我的测试环境是 Ubuntu 9.10 上的 Firefox 3.5。我尝试过的其他浏览器——Opera、Midori、Chromium、Epiphany——产生了不同的结果。有些什么都不播放,有些抛出异常。

0 投票
4 回答
1666 浏览

html - 保护从 HTML 5 流式传输的歌曲

我正在寻找建立一个点唱机,我想知道如何保护<audio>带有 HTML 5 标签的歌曲。我不希望人们能够下载这首歌,但我想通过这些<audio>标签流式传输它. 有什么建议么?

0 投票
1 回答
286 浏览

html - 关于 HTML5 音频的问题

所以我想:

  1. 突出显示(更改颜色或背景)正在播放的行。
  2. 将当前时间保存到 cookie 并在下次访问时继续。

我不确定这些在 HTML5 中是否可行,但即使在 Flash 或其他技术中,我也想知道它是否以及如何实现。我知道#2要求太多,但#1真的很重要。

所以几乎与此类似:http ://randallagordon.com/jaraoke/但所有行都是可见的,只有当前行被突出显示。

非常感谢您的帮助。

0 投票
9 回答
152178 浏览

javascript - HTML5 音频循环

我最近一直在玩 HTML5 音频,虽然我可以让它播放声音,但它只会播放一次。无论我尝试什么(设置属性、事件处理程序等),我似乎都无法让它循环。

这是我正在使用的基本代码:

我正在使用 Chrome (6.0.466.0 dev) 和 Firefox (4 beta 1) 进行测试,这两者似乎都乐于忽略我的循环请求。有任何想法吗?

更新:现在所有主要浏览器都支持循环属性。

0 投票
1 回答
3614 浏览

javascript - 如何创建一个播放 mp3 google tts 的按钮

我是新来的,但我希望你能帮助我。

我正在尝试创建一个按钮来播放谷歌生成的文本到语音 mp3。我正在创建一个翻译器,所以,我想做的是(以某种方式)做一些类似谷歌翻译的事情。

我已经尝试过使用 javascript 和 actionscript,但我无法让它工作。

我有这个javascript函数:

所以,有了这个功能,我实际上有一些词的 google tts 的 url,但我不知道如何嵌入它,这是最好的方法。我的意思是,我可以用 javascript 嵌入它,但我不确定它是否会工作,因为谷歌生成的文件是 mp3。

我需要在单击图像时播放此 mp3...

我也想知道它是否可以用 html5 来完成。

如果有人知道任何解决方案,我将不胜感激!

提前感谢,祝你有美好的一天!!!

0 投票
3 回答
3701 浏览

xhtml - html5 音频编解码器

我正在使用 html5 音频标签,但似乎找不到为 mp3 和 wav 的编解码器指定的内容。

我知道 ogg 是:

有人知道我会为 mp3 和 wav 写什么吗?

0 投票
1 回答
22554 浏览

html - 带有 HTML5 音频标签的自定义一键播放器

在我最近一直在做的一些 Web 开发中使用<audio>标签,我正在尝试做的一件事是使用它来构建一个单词列表并在列表中的每个单词旁边提供一个发音示例。设置它一点也不难,但是这种应用程序几乎不需要全套控件;只是一个播放按钮。

然而,标签的controls元素<audio>似乎并没有得到很好的记录。我能在上面找到的只是“总是把'放在'这里,除非你想建立自己的播放器”。我不想构建自己的播放器,但是,我只想要一个简单的一键播放界面,没有其他任何东西,最好不需要 JavaScript 或 Flash。

0 投票
2 回答
4466 浏览

javascript - 在中使用 Javascript 创建音频

我无法通过网络搜索找到任何东西,但是有没有计划制作一个 API 来生成要在 HTML5<audio>标签中播放的音频块?

编辑:这是示例::

0 投票
2 回答
208 浏览

audio - 在网站上播放音频文件

你能推荐一个在网站上播放音频文件的好方法吗?

0 投票
1 回答
2674 浏览

html - 如何在 HTML5 音频标签中使用 javascript 处理搜索栏?

谁能帮我创建一个 javascript/jquery 函数来控制 HTML5 音频标签控制搜索栏?(或者建议我一个可以学习的网络资源)。我想自定义默认控件的外观,所以我想在不同的<div>. 我怎样才能做到这一点?