问题标签 [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.
javascript - 跨“页面加载”无缝播放音乐的理想解决方案?使用 javascript 加载页面
我正在开发一个在线音乐杂志。我们有一个 html5/flash 音乐播放器,它构成了网站的主要部分。但该网站也有很多文章和东西。所以基本上,我希望跨页面加载无缝音乐播放,但我也希望避免使用完整的 javascript 应用程序,因为我希望所有内容在 Google 中都是蜘蛛友好和可索引的。
我使用带有 hashbang (#!) 后备的 html5 history api 来在点击时加载主页内的各种内容。加载的 URL 也指向包含内容的页面。
例如:我的索引页 munimkazia.com 中的 munimkazia.com/page1.html 链接将从 page1.html 加载内容并插入。URL 将在 firefox 和 IE 中更改为 munimkazia.com/#!/page1.html,在 chrome 中更改为 munimkazia.com/page1.html。由于 href 链接是 munimkazia.com/page1.html,因此蜘蛛会跟随链接并获取内容。我在 page1.html 中正确设置了页面,可以查看了。但是现在,我有问题。
如果我决定在此页面上使用 ajax 加载,浏览器位置栏上显示的 URL 将与 hashbang 回退不一致 (http://munimkazia.com/page1.html/#!/page2.html) 如果我决定将所有点击重定向到http://munimkazia.com的主容器页面并加载 page2.html,此后一切正常,但此页面加载将中断之前的音乐播放(如果有)。
另外,我不想将所有http://munimkazia.com/page1.html重写为http://munimkazia.com/#!/page1.html,因为我希望所有内容都存在而不是获取并且由 javascript 编写,供搜索引擎蜘蛛阅读。我知道谷歌有一个规范来阅读 #! URL,但我希望页面加载用户的文章内容,即使 JS 被禁用
有什么想法/建议/解决方法吗?
编辑:这些网址只是解释我的观点的例子。在 munimkazia.com 上没有 javascript 代码来获取页面
javascript - iOS 4 上 HTML5 音频的限制?播放列表、背景等
我一直在评估 iOS 4 上的 HTML5 音频,并试图了解它的局限性。据我所知...
- 可以在后台播放音频
- 跟踪完成后无法在后台触发JavaScript事件
- 可以在屏幕关闭时触发 JavaScript 事件,但 Safari必须在前台(在关闭屏幕之前)
我当前项目的目标是创建一个动态播放列表,即使 Safari 不在前台,它也会继续触发事件并移动到下一个曲目。HTML5 音频在 iOS 上的当前工作方式是否可行?
如果有人有其他信息,我很好奇 JavaScript 事件的链接如何在 iOS 上工作。似乎允许您连续排列声音,但它必须在“人类”功能发生后不久发生(例如,点击一个元素)。任何其他试图在这个人类功能之外排队的声音都被剥夺了播放的能力。
还...
是否有可能触发事件以将真正的 iOS 应用程序移动到下一个轨道?似乎只允许应用程序完成其当前的音频流,然后进入空闲状态。只是想弄清楚这里的所有角度!
linux - 标记音频和ogg
我尝试使用标签音频。将 mp3 转换为 ogg 使用
.ogg 的服务器响应内容类型,例如 video/ogg。我尝试了内容类型的音频/ogg 和应用程序/ogg,但它也不起作用。我认为我的文件格式错误,因为它在播放器中有效。如何在 Linux 控制台中更正将文件从 mp3 转换为 ogg?
javascript - 在javascript中更改播放音频的左/右平衡
我知道 html5 音频的东西都是非常新的,但是有没有办法改变声音的左/右平衡?
像这样的东西:
html - Can you use an HTML5 video/audio player with a Flash fail-safe?
I'm trying to figure out my options when it comes to playing both audio and video via the web. I'm sold on the HTML 5 <video />
and <audio />
. But, I'd like to be able to display flash video/audio if the HTML video/audio fails.
Is there an easy way to detect if the video/audio is not playing for any reason, then swap out the HTML5 player for a Flash player?
javascript - 水平对齐 div 中的 html5 音频元素
我得到了这个简单的 div:
和我页面正文中的 html5 音频元素:
我希望音频元素(即向用户显示的音频控件)在 div 中水平居中。请注意,我无法为音频控件或音频元素指定宽度属性(我尝试过,什么也没做),而且作为一般规则,我不知道浏览器之间的音频控件宽度(以像素为单位)(所以我可以'不调整 div 中的宽度属性)。
有没有办法在 CSS 或 Javascript 中做到这一点?如果有人可以将我指向网络上的相关资源,那将是一个奖励。
html - 使用 HTML5 音频的按钮悬停声音
当用户将鼠标悬停在我的一个列表项按钮上时,是否可以使用 HTML5 发出声音?当用户将鼠标悬停在导航按钮上时,我想播放一个非常短的点击/啁啾声。我意识到它不会在每个浏览器或设备上都兼容,只要它优雅地降级就可以了。出于某种原因使用 Flash 会更好吗?
编辑
另外,如果可以做到这一点,我会对一些示例代码感兴趣,包括 javascript(如果需要 javascript)。我对 HTML 没问题,但对 Javascript 不太方便。
node.js - Node.js 和 HTML5 音频
我正在尝试让我的 node.js 服务器为 HTML5 音频标签提供音频文件。目前,我正在通过 express staticProvider 引用音频文件,但这将允许声音播放一次,然后再也不会播放。
从我能够收集到的内容中,为了使声音在搜索或循环中正常工作,我需要在请求我的音频文件时提供“Content-Range”标头。我非常怀疑 express staticProvider 是否正在为我执行此操作,因此我似乎需要使用自定义代码来提供文件。不幸的是,我对 node.js 还很陌生,像提供文件这样的东西仍然有点超出我的能力。任何人都可以就如何为我的音频文件提供适当的元数据提供一些建议吗?
[编辑](删除旧的服务器代码,因为它不会对任何人有任何好处!)
抱歉,我通常不会问这么广泛的问题,但我真的不知道从哪里开始。有什么建议么?
[解决方案]
因此,解决方案似乎只是使用更新的软件。我尝试使用 express 而不是内置的 connect HTTP 中间件,因为我认为 connect 没有正确地提供静态文件服务。原来,我只是在查看更新版本的 connect 的文档,而 node 附带的版本有点旧。一旦我更新了我的连接库(我只是使用 npm 来安装最新的,对于那些好奇的人),下面的效果很好:
android - Android 2.3+ 上的背景 HTML5 WebApps
iOS 4.2+ 允许某些 webapps 在后台运行,没有任何特殊要求。
如何在 Android 的后台运行 web 应用程序(例如继续播放音乐)?
例如,请参阅https://coolaj86.com/demos/sandbox/html5-audio-tag.html
开始在您的 iPod/iPad/iPhone 上播放音乐样本,然后单击“背景”应用程序。双击并在下方菜单中从左向右滑动以访问播放器控件。
android - Android 2.3 不为 html5 音频标签获取请求传递 cookie 信息
我正在尝试从安全站点使用 android 2.3 中的 html5 音频标签播放媒体文件,但我注意到在 Get 请求中,android 2.3 没有将 cookie 信息从浏览器传递到服务器,导致“HTTP/1.1 302 临时移动” ' 从服务器返回到登录页面以进行重新身份验证的响应。我在 IOS 移动浏览器、chrome、safari、IE 上尝试了相同的请求,并且每次请求都会发送 cookie 信息。更令人费解的是,在img标签请求中,cookie信息是在android浏览器上发送的。
我的问题是,是否有人知道这是否只是 android 2.3 音频标签上的一个实现错误,或者我是否缺少允许传递 cookie 信息的参数?
谢谢你的帮助