html5audio等加载，html 加载中

为什么下面的html5代码无法自动播放音频

1、：这个是已知的bug，尤其是在苹果的手机上。android手机上可以。2：无法避免，必须要手工点击后，方可以开始播放。3：苹果据说不准备对这个进行更改。

2、audio和video在手机端都是不能自动播放的，这样因为要考虑手机的网络流量问题，所以都是需要触发事件去触发。

3、由于浏览器的安全策略问题，现在已经不再支持打开页面自动播放音乐了，如需要播放还是要让用户点击播放才可以，可以使用html5的audio标签加载音乐播放。

4、html5标签audio的autoplay属性可以设置在页面打开后自动播放。这个属性本来挺好的。但是最近做了一个项目却发现在iphone上无法自动播放。各种查阅资料后发现原来iphone公司是考虑到用户可能是用手机流量访问的情况，为了用户流量着想，所以需要用户交互后才能播放。

5、Safari屏蔽了autoplay，必须由用户交互事件触发，因为autoplay在移动网络环境下可能会造成用户流量费剧增；在Android的机子是可以实现自动播放的，在iOS的机子里没有办法，可以通过为页面绑定touchstart事件来实现播放。

相关问答

Q1: 怎样获得html5的audio组件加载的MP3文件的总时长

在几乎所有的播放器中，都可以先做成播放列表，几秒钟的事，然后就在播放器中看到了总时长。

可能是MP3文件在编码过程中有问题，有没有尝试切换其他的MP3文件再试？MP3的播放器没有做过，但是以前做flv播放器的时候遇到过这种问题，api获得的长度和实际不一致。不过那时候差别都很小，基本就是1秒的问题，所以冗余修正下就好了。

我也是遇到这个问题，这是MCI的BUG，暂时应该无解，而且微软似乎没有打算修复这个问题，解决方法只能改用别的播放内核。MCI只有在获取可变码率的音频文件的长度时才会出现不准确的情况。能够过观察发现，MCI识别的长度误差满足下面的关系：MCI识别的长度/实际长度≈比特率/128。

主要是要解析MP3格式，计算MP3文件长度，然后根据播放每帧需 26ms，计算出播放时间。文件IO读写，就用fopen\fread系列酒可以。

Q2: 用于播放html5音频文件的正确元素

网页中的音乐播放代码有以下几种：第一种：页面代码中的head/head之间加入bgsound src=音乐url loop=-1 这段代码。 loop指音乐循环的次数，可设置为任意正整数，若设为“-1”的话，音乐将永远循环。

HTML5中的 video和audio这两个标签是HTML5中专门用来播放视频和音频资源的标签。video标签和audio标签也提供了很实用的JavaScript API，允许创建自定义的控件。这两个标签的用法我们通过下面这个示例来进行说明一下。

播放列表下方有两个选项，Shuffle和Clear，你可以用来对播放列表重新排序，或是清空播放列表。 神奇的是，你还可以直接Ctrl＋S（苹果机用cmd＋s）快捷键将这个网页保存到桌面上，今后就可以在离线模式下工作，就像一个真正的音乐播放器。不过这个播放器当前还只支持MP3和OGG格式音乐文件。

Q3: 关于html5的audio标签预加载问题

不可能 内核不改不行 等IE9吧也许会，某些标签可能会不支持导致错位。

audio preload=load /1 属性值描述规定是否预加载音频。

HTML5中的autoplay属性是设置为自动播放。如果设置了该属性，视频或音频将自动播放。但是需要注意的是部分浏览器比如Safari屏蔽了autoplay属性。因为autoplay在移动网络环境下可能会造成用户流量费剧增。

HTML5中的video和audio标签中有一个autoplay属性，添加这个属性后就会在文件加载完成以后自动播放。

在使用的过程中遇到了两个问题：一个是 部分手机浏览器无法实现自动播放（同样也无法使用js控制实现自动播放） ，还有一个是 部分浏览器audio标签无法正常响应ended(播放结束)事件，无法获取audio标签的duration属性的值 。

Q4: html中,audio和video使用时的注意事项

Video标签内除了可以包含source标签外，还可以包含当指定的视频都不能 播放时，返回的内容。(1) src属性和poster属性你能想象src属性是用来干啥的。跟img标签的一样，这个属性用于指定视频的地址。而poster属性用于指定一张图片，在当前视频数据无效时显示（预览图）。

打开Sublime Text工具，准备好如下图所示的目录结构，目录里面包括要插入的音频文件和一个html文件。打开HTML文件，新建一个空的HTML5文档结构，如下图所示，注意编码一定设置为UTF-8。接下来在body标签中插入audio元素，audio元素里面通过source引入音频文件，如下图所示，注意文件的类型要写对。

注意：video 与/video 标签里面的内容用于给不支持 video 标签的浏览器显示的。

用户将无法在页面上看到音频控件。\x0d\x0aautoplay顾名思义，就是自动播放，添加上这个属性后，一旦音频/视频准备就绪，就会开始自动播放。\x0d\x0aloop，用来控制是否循环播放。

Q5: css中音频文件元素是什么

音量大小：语法：volume=0-100之间的整数 说明：该属性规定音频或视频文件的音量大小。未定义则使用系统本身的设定。

CSS样式表是一种用于描述HTML或XML（包括如SVG、MathML等衍生语言）文档样式的计算机语言。CSS描述了文档在屏幕、纸质、音频等媒介上的呈现方式。CSS样式表的主要功能包括： 布局控制：CSS可以对网页元素进行精确定位，定义元素的显示位置，实现各种复杂的布局。

声霸(.VOC)：Creative Labs公司开发的声音文件格式，被Windows和DOS平台所支持，支持压缩。 WAVE(.WAV)：微软公司用作Windows平台上保存音频信息的资源格式。

CSS：层叠样式表(英文全称：Cascading Style Sheets)，是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

关于html5audio等加载和html 加载中的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。