HTML5怎么实现录音和播放功能

HTML5怎么实现录音和播放功能,第1张

他这个是flash做的,也不是录音,只是记录你的按键,然后播放录音的时候就按顺序再来一遍

这个调取功能要通过安卓编程语言或ios编程语言调取 单单html5是实现不了的,必须与原生交互才得行。

Safari不支持HTML5录音。

现在浏览器中最好的解决方案是WebRTC下的 navigator.getUserMedia API。

可是当使用Can I use查看兼容性的时候,我发现

不过这个是有历史原因的,我记得RTC是在去年,2013,才刚刚由思科提出并且确定下来的(没记错的话)。但Audio标签在制定初就是HTML5规范的一部分,兼容性如下,因此你的陈述有误。

所以,我在做相关Application时候,就不得不得考虑退化,然而多媒体方面的能做的退化的最好的方案就是Flash。

因此我就顺着思路又用AS3实现了一遍,在前端做分状态异步加载,当我检测到浏览器支持相关API(getUserMedia),我直接切换到HTML5模式,Div中装载Canvas、WebWorker等等;反之,就加载Flash控件。

至于你说的Safari支持音频,但音频!=录音,事实上Audio和Video标签是Safari 3.1以后开始支持的,至于之前的Safari基本上就靠Quicktime了。

另外支不支持HTML5 API,取决的是浏览器实现,和系统关系不大。一会儿Safari,一会儿Windows的.....你要么就写IE,谁说windows上不能跑chrome的?

在 HTML 中播放音频并不容易!

您需要谙熟大量技巧,以确保您的音频文件在所有浏览器中(Internet Explorer, Chrome, Firefox, Safari, Opera)和所有硬件上(PC, Mac , iPad, iPhone)都能够播放。

使用 <embed>元素

<embed>标签定义外部(非 HTML)内容的容器。(这是一个 HTML5 标签,在 HTML4 中是非法的,但是所有浏览器中都有效)。

下面的代码片段能够显示嵌入网页中的 MP3 文件:

实例

<embed height="100" width="100" src="song.mp3" />


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7007142.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-31
下一篇 2023-03-31

发表评论

登录后才能评论

评论列表(0条)

保存