考核内容:  html5 新标签

题发散度: ★

试题难度: ★

看看大家的选择

(音频视频是啥？)

解题:

看了大家的选择估计都把视频与音频标签搞反了(还有选择C的)，或是压根没有仔细看。

在HTML5之前要插入音频与视频文件要使用 object

标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。

使用HTML5之后(不再依靠OBJECT，或FLASH控件)多媒体文件标签独立分离出来

• 音频 audio 标签定义声音，比如音乐或其他音频流。

• video标签定义视频，比如电影片段或其他视频流。

JS控制：

audio和video都可以通过标签获取对象

let Media = document.getElementById("media");

错误状态

Media.error; //null:正常Media.error.code; //1.用户终止 2.网络错误 3.解码错误 4.URL无效

网络状态

 Media.currentSrc; //返回当前资源的URL Media.src = value; //返回或设置当前资源的URL Media.canPlayType(type); //是否能播放某种格式的资源 Media.networkState; //0.此元素未初始化 1.正常但没有使用网络 2.正在下载数据 3.没有找到资源 Media.load(); //重新加载src指定的资源 Media.buffered; //返回已缓冲区域，TimeRanges Media.preload; //none:不预载 metadata:预载资源信息 auto:

准备状态

 Media.readyState; //1:HAVE_NOTHING 2:HAVE_METADATA 3.HAVE_CURRENT_DATA 4.HAVE_FUTURE_DATA 5.HAVE_ENOUGH_DATA Media.seeking; //是否正在seeking

回放状态

Media.currentTime = value; //当前播放的位置，赋值可改变位置 Media.startTime; //一般为0，如果为流媒体或者不从0开始的资源，则不为0 Media.duration; //当前资源长度 流返回无限 Media.paused; //是否暂停 Media.defaultPlaybackRate = value;//默认的回放速度，可以设置 Media.playbackRate = value;//当前播放速度，设置后马上改变 Media.played; //返回已经播放的区域，TimeRanges，关于此对象见下文 Media.seekable; //返回可以seek的区域 TimeRanges Media.ended; //是否结束 Media.autoPlay; //是否自动播放 Media.loop; //是否循环播放 Media.play(); //播放 Media.pause(); //暂停

控制

Media.controls;//是否有默认控制条 Media.volume = value; //音量 Media.muted = value; //静音

TimeRanges(区域)对象

TimeRanges.length; //区域段数 TimeRanges.start(index) //第index段区域的开始位置 TimeRanges.end(index) //第index段区域的结束位置

事件：

eventTester = function(e){ Media.addEventListener(e,function(){ console.log((newDate()).getTime(),e); }); } eventTester("loadstart"); //客户端开始请求数据 eventTester("progress"); //客户端正在请求数据 eventTester("suspend"); //延迟下载 eventTester("abort"); //客户端主动终止下载(不是因为错误引起)， eventTester("error"); //请求数据时遇到错误 eventTester("stalled"); //网速失速 eventTester("play"); //play()和autoplay开始播放时触发 eventTester("pause"); //pause()触发 eventTester("loadedmetadata"); //成功获取资源长度 eventTester("loadeddata"); // eventTester("waiting"); //等待数据，并非错误 eventTester("playing"); //开始回放 eventTester("canplay"); //可以播放，但中途可能因为加载而暂停 eventTester("canplaythrough"); //可以播放，歌曲全部加载完毕 eventTester("seeking"); //寻找中 eventTester("seeked"); //寻找完毕 eventTester("timeupdate"); //播放时间改变 eventTester("ended"); //播放结束 eventTester("ratechange"); //播放速率改变 eventTester("durationchange"); //资源长度改变 eventTester("volumechange"); //音量改变

学习:

答案：

 B. <audio>

扩展阅读：

前端测试题:(解析)下列选项中，属于JavaScript中运算符的有哪些？

前端测试题:(解析)不是动态网页的特点的一项是?

前端测试题:(解析)下列哪条CSS样式规则是不正确的?

前端测试题:(解析)Git中，将本地仓库推送到远程仓库的命令是什么？

前端测试题:(解析)绝对定位的元素不会和其它元素发生重叠？

前端测试题:(解析)按照网页中常见的命名规范，通常底部版权区域命名为？

前端测试题:(解析)点击下列哪一个标签可以打开系统上的邮箱客户端

前端测试题:(解析)关于JavaScript的数据类型，下面说法错误的是？

前端测试题:(解析)关于es6的新特性说法，下面错误的是？

前端测试题:(解析)关于WEB中造成内存泄漏的说法，下面错误的是？

微信小程序开发经典案例解析“嗨兔儿”

前端开发"模块打包器"webpack4实战入门

前端开发单元测试，模拟接口数据(mock)实践

如果面试官还在问你GIT，你还紧张吗？

前端开发必备GIT可视化工具SourceTree视频教程

前端测试题:(解析)js中关于类(class)的继承的说法，下面错误的是？

前端测试题:(解析)关于ajax跨域的说法，下面错误的是？

前端测试题:(解析)关于JS中this关键字的说法，下面错误的是？

微应用：不足百行代码实现绚丽的机械表运行效果

前端测试题:关于Map结构的介绍，下面说法错误的是?

前端测试题:(必考)关于JS函数防抖和函数节流，说法错误的是？

前端测试题:(必考)有关于ES6中Promise方法的使用，说法错误的是？

前端测试题:有关于前端对web安全及防护说明，下面错误的是？

前端测试题:有关于WEB服务中，HTTP和HTTPS的说法，错误的是？

前端测试题:对于WEB服务有关http的响应状态码及含义，说法有误的是？

前端测试题:有关于get、post的区别，下面说法错误的是？

前端测试题:有关于js中跨域请求的说法，错误的是？

前端测试题:有关于下面盒模型，说法错误的是？

前端测试题:关于WEB中常用的度量单位，表述错误的是？

前端测试题:关于javascirpt中，typeof判断数据类型中不可能出现的是

前端测试题:var str=’shuke‘ 字符串值(shuke)转为变量名的方法正确的是？

前端测试题:有关于JS 中的主要错误，表述错误的是？

前端测试题:有关于双向绑定功能在ES6中实现的数据代理(数据劫持)，表述有错误的是？

前端测试题:以下浏览器对js显示数据方法，表述错误的是？

前端测试题:关于JAVASCRIPT中以下操作输出的是TRUE的是？

前端测试题: 关于this的用法下面说法正确的是？

前端测试题:有关于JAVASCRIPT闭包说明正确的是？

前端测试题:如何理解JS中对数据的深浅拷贝？

前端测试题: 关于定义常量的关键字const，定义一个Object对象,再对属性的值进行修改，下列说法正确的?

前端测试题:ES6中想要获取Map实例对象的成员数，利用的属性是?

前端测试题:module模块中的注意事项，下列说法错误的?

前端测试题:module模块中，对下列语句的描述，错误的是?

前端测试题:关于ES6的module模块，下列说法错误的是?

前端测试题:在Generator函数中，" yield* "语句的作用是?

前端测试题:Generator函数的yield关键字的作用是?

前端测试题:关于新特性Generator函数的描述，错误的是？

前端测试题:关于Iterator遍历器的说法，错误的是?

前端测试题: 下列数据结构中，不能被for...of遍历的是？

前端测试题:在类的继承中，关于super的说法错误的是?

前端测试题:下面关于类class的描述，错误的是?

前端测试题:关于Promise对象的状态，下列说法错误的是?

前端测试题:关于WeakMap结构，下列说法错误的是?

前端测试题:下列Map结构的键名数据类型，描述错误的是?

前端测试题:关于Map结构的介绍，下面说法错误的是?

前端测试题: 关于WeakSet结构，说法错误的是?

前端测试题: 关于set结构，下面说法错误的是?

前端测试题: 关于for...of的简述，说法错误的是?

前端测试题: 关于Proxy代理，下面说法错误的是?

前端测试题: 下面Symbol运算结果，结果为true的是?

前端测试题: 关于Symbol，错误的说法是?

前端测试题: 关于箭头函数的描述，错误的是?

前端测试题: 数组扩展的fill( )函数，[1,2,3].fill(4)的结果是?

前端测试题: 数组的扩展中，不属于用于数组遍历的函数的是?

企业面试题: 关于对象的Object.is函数，错误的是?

关于对象的扩展，错误的是?

企业面试题: 对前端工程师这个职位是怎么样理解的

企业面试题: 为什么要初始化CSS样式

企业面试题：CSS中 link 和@import 的区别是什么

企业面试题：position的absolute与fixed共同点与不同点

企业面试题：用css实现div在不同分辨率屏幕上下左右居中

企业面试题: 解释css sprites 如何使用？

企业面试题: 1&&2，1||2代码的输出值是？

企业面试题: cookies，sessionStorage 和 localStorage 的区别？

企业面试题: 关于JS在使用过程中 0.1+0.2!=0.3 的问题

企业面试题：js编写数组去重方法

企业面试题: 实现一个事件委托(事件代理)

企业面试题：如何显示/隐藏一个DOM元素

企业面试题:如何实现浏览器内多个标签页之间的通信

企业面试题：去除字符串空格

企业面试题：关于js闭包

企业面试题：如何实现实现1+2+......+n

企业面试题：变量作用域

书中自有好图丫