HTML5 支持哪些新媒体元素?
Web 上的多媒体指的是音效、音乐、视频和动画。
多媒体元素元素也拥有带有不同扩展名的文件格式,比如 .swf、.wmv、.mp3 以及 .mp4。
核心
HTML 5 对媒体支持很强,除了 audio 和 video 外,还提供:
<embed>
作为外部应用的容器<track>
定义媒体的文本跟踪<source>
对多种媒体源的支持很有帮助
<embed>
<embed>
标签定义嵌入的内容,比如插件。
<embed type=”video/quicktime” src=”Fishing.mov”>
<source>
对于定义多个数据源很有用。
<video width=”450″ height=”340″ controls>
<source src=”jamshed.mp4″ type=”video/mp4″>
<source src=”jamshed.ogg” type=”video/ogg”>
</video>
<track>
<track>
标签为诸如 video 元素之类的媒介规定外部文本轨道。
用于规定字幕文件或其他包含文本的文件,当媒介播放时,这些文件是可见的。
<video width=”450″ height=”340″ controls>
<source src=”W3Cschool.mp4″ type=”video/mp4″>
<source src=”W3Cschool.ogg” type=”video/ogg”>
<track kind=”subtitles” label=”English” src=”W3Cschool_en.vtt” srclang=”en” default></track>
<track kind=”subtitles” label=”Arabic” src=”W3Cschool_ar.vtt” srclang=”ar”></track>
</video>
参考
更多面试题
如果你想了解更多的前端面试题,可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题,也有一些大公司的面试图,可以让你面试更加顺利。
面试题 | ||
---|---|---|
HTML | CSS | JavaScript |
jQuery | Vue.js | React |
算法 | HTTP | Babel |
BootStrap | Electron | Gulp |
Node.js | 前端经验相关 | 前端综合 |
Webpack | 微信小程序 | - |
这些题库还在更新中,如果你有不错的面试题库欢迎分享给我,我整理后放上来;人人为我,我为人人,互帮互助,共同提高,祝大家都拿到心仪的Offer!