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

html - 通过 htaccess 文件或标记将 OGG Theora Vorbis 音频支持添加到 IX Web Hoting

我看到了很多相互矛盾的信息,不知道如何继续。我想将 OGG MIME 类型添加到 htaccess 文件中,以支持来自我的服务器的 Firefox HTML5 音频/视频。我已经看到该文件实际上被标记为“.htaccess”,并且有很多方法可以编写正确的 MIME 类型。什么是最好的?还有,怎么安装?这是一个 IX Web 托管帐户。

这是我的 HTML5 音频标记的示例。

谢谢!

0 投票
1 回答
1262 浏览

html - HTML5 推测性问题:语音聊天?

我正在开发一个 Web/AJAX 应用程序,该应用程序复制了某个特定类别的桌面应用程序中可用的大多数功能(我在此避免详细说明,因为我认为它的相关性不足以让我自己插入。;])除了语音聊天,如果不使用浏览器插件,我无法实现。语音在行业中绝不是无处不在,但使用它的人发誓并拒绝没有它。

我经常收到的评论是“这很好,但是什么时候可以进行语音聊天?” 这很烦人,因为如果我使用像 Java 或 Flash 这样的平台,整个应用程序会更精简、更快,并且更容易排除故障。

但是使用 HTML5,接收音频似乎是可行的。谷歌和我还没有找到任何与录制和传输音频有关的东西,我猜这部分无法完成,但未来呢?如果有人知道 HTML5 的细节,甚至是超出即将到来的标准的推测,我将不胜感激。

0 投票
1 回答
11330 浏览

javascript - 在 Mobile Safari 中预加载 HTML5 音频

我在预加载 HTML5 音频内容然后使用缓存中的内容而不是每次尝试重播音频时都尝试重新下载音频时遇到问题。

http://cs.sandbox.millennialmedia.com/~tkirchner/rich/K/kungFuPanda2_tj/

体验应该是当有人点击横幅时,它会弹出一个带有加载栏的广告。加载栏正在加载动画所需的所有图像。与此同时,音频也通过 DOM 中已经存在的音频标签加载(这很好)。加载完所有图像后,加载栏消失,用户可以继续。屏幕底部有 4 个按钮可供他们单击。单击其中一个播放音频文件,图像会播放与音频同步的翻书式动画。

音频标签:

播放按钮事件监听器:

问题是,在 javascript 中,每次我单击 play() 时,它都会重新加载音频文件然后播放它。我似乎无法让它在开始时加载一次音频并关闭存储在内存中的内容,而不是每次单击按钮时都尝试重新加载音频。

我尝试过使用 preload 和 autobuffer 属性,但似乎移动 safari 忽略了这些属性,因为无论我如何设置它们,行为总是相同的。我尝试过使用源标签和不同的文件格式……什么都没有。

有任何想法吗?

0 投票
5 回答
11729 浏览

html - html5 音频标签是否非正式地包含 .mid (MIDI)?

似乎很清楚,正式的 html5 音频标签旨在与 ogg 格式一起使用。

html5 音频标签是否非正式地包含 .mid (MIDI)?

0 投票
2 回答
536 浏览

perl - 让 Perl Web 服务器通过 HTTP 向 Chrome 发送一个 ogg 以获取 HTML5 音频元素

我正在编写一个 Perl 脚本,它充当一个简单的 Web 服务器,通过 HTML5 提供音频文件。我已经成功地让它向带有 HTML5 音频元素的 Web 浏览器显示页面。当浏览器通过 GET 请求请求音频文件时,它会继续侦听套接字;本例中的 hh.ogg 并尝试使用消息正文中的 ogg 进行响应。它在端口 8888 上工作。

当 GET 请求与 hh.ogg 的正则表达式匹配时,将调用 sendFile 子例程。在关闭之前将 ogg 写入套接字之前,我在响应中发送了一些标头。这段代码的工作方式与我在 Firefox 中所期望的完全一样。当我按下播放键时,脚本从 Firefox 接收到 GET 请求 ogg,我将其发送过来,Firefox 播放该曲目。

我的问题是 Google Chrome 中的脚本崩溃了。Chrome 的开发者工具只是说它无法检索 hh.ogg。当我在脚本运行时在浏览器中访问 127.0.0.1:8888 时,我可以下载 hh.ogg。我注意到 Chrome 会对 hh.ogg 发出多个 GET 请求,而 Firefox 只会发出一个。我读过它可能出于缓存原因这样做?这可能是脚本崩溃的原因。

我有

试图阻止这种行为,但没有奏效。

我不确定要响应 Chrome 的确切标头以使其在一个 HTTP 响应中接收文件。当脚本崩溃时,我偶尔也会从 Perl 打印出这条消息;否则没有其他错误。它会在我 syswrite() 到套接字的 while 循环内的某个地方退出。

这是指这条线。

我不知道为什么会有任何未初始化的值。

有人知道为什么会发生这种情况吗?如果可能的话,我想在不需要 CPAN 的其他模块的情况下完成此操作。

0 投票
1 回答
6463 浏览

ruby-on-rails - Ruby/Rails - 流式传输音频的方法(mp3/wav/etc)... Gem/Plugins vs HTML5?

我有一个运行良好的 Rails 应用程序......我想让用户能够上传和流式传输上传的 mp3。

目前我正在通过 Paperclip 上传到 Amazon S3,我的网站托管在 heroku 上。

我可以很好地上传 mp3,所以现在我只是在寻找一种支持播放实际文件的方法。

是否有任何好的宝石/插件可以解决以前有人使用过的这个问题?

我应该继续尝试弄清楚如何使用 HTML5 来实现吗?

任何建议或意见?

0 投票
2 回答
11150 浏览

jquery - JQuery Mobile MP3 player example

I cannot figure out how to play a local MP3 file using JQuery Mobile. I've tried messing around with JPlayer and I cannot get that to work. Has anyone successfully got an audio file to play within JQuery Mobile? Anything you can provide would be great :)

Thanks.

0 投票
3 回答
8252 浏览

android - Html5音频+Phonegap+安卓?

带有 Jquery 和 Phonegap 的 HTML5 音频标签是否可以创建 Android 应用程序?它在任何浏览器中都能正常工作,但我在使用 Android 模拟器时听不到任何声音,知道吗?谢谢你!

0 投票
1 回答
2467 浏览

jquery - jPlayer 只播放一段声音

我找不到这个问题的答案。我正在尝试这个:

但不工作。发生了什么:只是不要停止声音。W/O 它立即停止的延迟。所以我需要的是:如果我点击链接,播放该部分 2 到 4 秒。

谢谢帮忙!

0 投票
2 回答
18532 浏览

javascript - HTML5 音频:如何仅播放音频文件(音频精灵)的选定部分?

我正在开发一个 iOS 节拍器网络应用程序。由于移动版 Safari 一次只能播放一种声音,我正在尝试创建一个“音频精灵”——我可以在其中使用单个音轨的不同片段来生成不同的声音。我有一个 1 秒的剪辑,上面有 2 个半秒的声音。

JSFiddle上查看。

如您所见,我尝试使用“timeupdate”事件(jPlayer 示例)但无济于事。

我看过Remy Sharp 关于音频精灵的帖子,但是(A)我无法让它为我工作,并且(B)我更愿意远离图书馆依赖。

有任何想法吗?


更新

我现在可以使用它setInterval

序列和设置/清除间隔存在一些问题,但出于我的目的 - 它似乎有效。

JSFiddle

PS如果有人对此有修复,这可以在游戏和界面声音FX中使用。