龙空技术网

HTML基础篇--18HTML之音频播放

刘学长讲前端 150

前言:

而今咱们对“html放flash”都比较着重,你们都想要知道一些“html放flash”的相关资讯。那么小编在网摘上汇集了一些有关“html放flash””的相关文章,希望看官们能喜欢,大家快快来了解一下吧!

 音频是网页承载内容很重要的一个元素,也是必不可少的网页表现形式(图、文、表、视、音)之一。缺少声音的网站,就如同人不能说话一样。曾经网页要想播放音频,必须得用第三方插件flash。随着html5标准逐渐普及,如今几乎所有的浏览器都使用html5来播放音频。

目标

如何设置音频播放?支持哪几种音频格式?音频播放标签--audio

作用是在 HTML 页面中嵌入音频元素,来播放声音文件或者音频流。

网页版的音乐播放器

audio标签的属性

src 音频的播放源(必须)

controls 浏览器自带的控制条(必须)

autoplay 自动播放

loop 循环播放

preload 预加载

音频代码

每一种浏览器自带的音频播放控制器都不一样,但功能都一样。网上看到的播放器,大多数都是改过它的样式。

浏览器自带的音频控制条

支持多个格式--source标签

<audio> 元素支持三种视频格式: MP4, WebM, 和 Ogg。

如果不确定音频格式是哪个格式,可以使用source标签。<source> 元素可以链接不同格式的视频文件,浏览器将使用第一个可识别的格式。

支持多种格式

总结

audio总结

标签: #html放flash