aside标签和audio标签

文献种类:专题技术文献;
开发工具与关键技术:            VS/HTML        
                              <aside>和<audio>标签
开发工具与关键技术:VS/HTML
作者:吴泽锋
撰写时间:2019年5月16日

1、<aside></aside>标签
	<aside>标签定义其所处内容之外的内容。 aside 的内容应该与附近的内容相关。
	例:<p>Me and my family visited The Epcot center this summer.</p>
	    <aside>
	        <h4>Epcot Center</h4>
	        The Epcot Center is a theme park in Disney World, Florida.
		</aside>

1、<audio></audio>标签:定义声音,比如音乐或其他音频流。
	大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。
	
	HTML5 规定了一种通过 audio 元素来包含音频的标准方法。
	audio 元素能够播放声音文件或者音频流。
	某些浏览器以及老版本的浏览器不支持 <audio> 标签。
	
	提示:在开始标签和结束标签之间放置文本内容,是供不支持 audio 元素的浏览器显示的:
		如果选择的文件不是音频之类的而是视频的话,将无法显示影像,只会出现声音和具体时长,
		但时间长度不会改变;
	audio 元素允许多个 source 元素,source 元素可以链接不同的音频文件,
		浏览器将使用第一个可识别的格式;
	例:<audio controls="controls">
			<source src="song.ogg" type="audio/ogg">
			<source src="song.mp3" type="audio/mpeg">
			Your browser does not support the audio tag.
		</audio>
例:一段简单的 HTML 5 音频:

在这里插入图片描述

	<audio src="someaudio.wav" controls="controls">  wav是声音资源文件;音频文件格式; </audio>
	<audio src="video1.ogg" controls="controls">
		video1.ogg的ogg:一种新的音频压缩模式;但是该文件类型在某些浏览器上无法使用;
		当前浏览器不支持 audio 元素。
	</audio>
	<audio src="逆战.mp3" controls="controls">
		mp3:一种音频压缩格式(Moving Picture Experts Group Audio Layer-3);
		当前浏览器不支持 audio 标签,请跟换浏览器。
	</audio>

	属性            值                描述                               	  语法

	autoplay       autoplay         规定一旦音频就绪马上开始播放       autoplay="autoplay"
		设置了该属性,音频将自动播放。如果还没有就绪则无法自动播放,但可以手动。

	controls        controls        规定浏览器应该为音频提供播放控件。
		规定不存在作者设置的脚本控件。浏览器控件应该包括:
			1、播放;           2、暂停;               3、定位;              4、音量;  
			5、全屏切换;        6、字幕(如果可用);     7、音轨(如果可用);
		但是会因为浏览器差异而出现不同,部分功能无法显示。

	loop         loop           规定当音频结束后将重新开始播放。         loop="loop"

	muted        muted          规定视频/音频输出应该被静音。
		该属性属于逻辑属性:
			在 HTML 中,可以属性简写,也可以不简写;
			在 XHTML 中,不允许属性简写,muted 属性必须定义为 <audio muted="muted">

	preload      load        音频在页面加载时进行加载,并预备播放。
		即规定是否在页面加载后载入音频。如果使用 "autoplay",则忽略该属性。
		属性值 load描述:规定是否预加载音频;
		可能的值:
			auto:当页面加载后载入整个音频; metadata:当页面加载后只载入元数据;
			none:当页面加载后不载入音频;

	src        url         规定要播放的音频的 URL。
		属性值 URL 描述:音频文件的 URL:
		可能的值:
			绝对 URL - 指向另一个站点(比如 href="http://www.example.com/song.ogg");
			相对 URL - 指向网站内的文件(比如 href="song.ogg"),也是本地指定文件路径;

	如:
		1、直接在<audio></audio>里:
		<audio controls="controls" src="~/Content/light/video1.ogg" type="audio/ogg"></audio>
		2、也可以使用 <source> 标签 来设置音频:
  <audio controls="controls"><source src="~/Content/light/video1.ogg" type="audio/ogg" /></audio>

	借鉴与W3School与老师上课文档

猜你喜欢

转载自blog.csdn.net/weixin_44540155/article/details/90266192
今日推荐