移动端html怎么兼容不同页面播放同一首歌,frame不行。有没其他方法。

html-css016

移动端html怎么兼容不同页面播放同一首歌,frame不行。有没其他方法。,第1张

html播放音频用<audio>标签。

 <audio>

        <source src="music.mp3">

        <source src="music.ogg">

        <source src="music.wav">

    </audio>

1、<audio>标签是HTML5音乐播放器。

<audio>标签:用于在文档中表示音频内容。利用它,你可以在你的个人网站上放一首你喜欢的歌

2、用法跟<video>标签一样,属性src指定音频文件地址。<audio>标签默认是隐藏的。

3、为了方便我们对音频文件进行控制,操作它的进度、播放暂停、音量等等,我们可以给它添加controls属性:<audio src="m.mp3" controls></audio>。对于加上了controls属性, 不同的浏览器会展示不同样式的控制面板。

4、跟<video>标签一样,<audio>标签也 source、autoplay  loop、preload等属性 。

( chrome浏览器的音频控制面板 )

想要快的话,然后不管IE11以下的浏览器就直接用aplayer.js

自己写的话去了解Audio接口,如果仅仅是播放列表问题的话,那么无非就是检测播放完以后怎么处理播放列表的问题,多实践一下就知道了。如果还想加密播放地址这些,适配音频格式,估计你还得了解更多更多更多,那样建议先用aplayer。

第一,流畅度。FlashPlayer除了稳定性问题,支持跨平台(不包括Linux)、跨浏览器硬件译码是比HTML5具有优势。而HTML5最大的问题在于浏览器内建编码不统一。

第二,稳定性。FlashPlayer最大的问题就是容易宕,各位在玩游戏、看影片时遇过FlashPlayer出问题的经验。而HTML5利用标签和JavaScript来播放影片,不需任何外挂就能达成,是相对稳定许多的。

第三,兼容性。HTML5的播放器不支持低版本浏览器。

flash播放器是一个exe的可执行程序,用于播放本地swf格式文件。

Macromedia Flash Basic 8 和 Flash Professional 8 包含了集成的调试器。要使用此功能,您必须使用 Macromedia Flash Player 的支持调试的版本。Flash Player调试版在其它方面与不支持调试的版本(发行版)相同;不同之处是,调试版包含与 Flash Basic 8 和 Flash Professional 8 通信的附加代码。 为了便于开发和调试,Flash Basic 8 和 Flash Professional 8 安装程序默认情况下会在您的浏览器应用程序目录下安装 ActiveX 控件或插件的调试版本。

HTML5是近十年来Web标准最巨大的飞跃。HTML5并非仅仅用来表示Web内容,它也将Web带入一个成熟的应用平台,在这个平台上,视频,音频,动画,以及同电脑的交互都被标准化。随着HTML5的发展,各个浏览器都已经或即将支持HTML5。在大潮流的推动下,微软也表示将把HTML5作为IE9的核心,并将全力投入HTML5。

HTML5 Video Player可以让你通过比较简单的方式将你视频转码成HTML5格式的视频。