34_尚硅谷_h5_音视频标签的property.wmv原创

来看一下您视频上的。CB0，四。P8POK，看有哪些好周啊，要测的话怎么办？先把这些数据全部给它干掉。全部干掉，我都不要，就留一个空件，留个空间，留一个尺寸吧，POS的暂时也先不要了，全部干掉，OK，只有你MP3呢，MP3这边我也就留一个空间出来就可以了，CTRLCCTRL好看一下它有哪些，那pro的话我们需要去写脚本了。OK，那干嘛？Window点漏等于function？好，为什么我们画一个v v Du等于多，后面的点QRY找到这个。

Video。看还有什么找到这个涡流。好找，到时候怎么玩，来看一下第一个是什么。空着看什么开始，哎，应该是开始播放到现在，开始播放到现在所用的时间，它是一个可读性的属性吧，我们现在看第二个吧，我们现在开始把这个总时间吧。好，这个上有个坑，我们现在看看媒体的总时间，微信。好比干嘛在这边我去看点吧下的吧。六点是不是最后你再看什么六点。来看一下，好，返回全部值照来看，我们看一下我们这个音频应该有两分多钟吧。来看一下它有多大。

两分半吧，视频是不是两分半啊，音频呢。我记得是四分多钟。四分多钟吧，是不是这你看一下好看他给我们返回。OK。就你看一下。啊，这么长的时间肯定已经交代完了。F12看一下，你看一个是150秒，一个是250秒。没问题吧，150秒不就是两分半吗？250秒不就是四分多钟吗？是不是啊，OK，可是我们来看一下。有些情况底下，可能情况并不是我们想的那么美好。这control control，特别是这。你看给我吗，嗯吗，为什么。

为什么啊，问你是这个属性值有问题吗？属性值有没有问题啊属性如果没有这个属性的话，应该给我反回什么二范的，它反应是NN嘛，说明是不是在CH，在CH底下，在有限录像器下，是不是有可能执行到十六十七号的时候，这个音视频还没有拿回来。是不是在火锅底下可能做过优化吗？他可能是这个什么总时间干嘛先返回吗？对不懂那怎么办干嘛。等一等啊。是不是啊，来一个放弃，我主动让你去干嘛，等一个100毫秒应该差应该能回来了，100毫秒对于浏览器来说的话，已经是很长时间了，就刷一下。还是N吗？给200这你是你看下面这是不是有了，上面是不是还是啊，说明200毫有视频还没回来。

是不是，那怎么就干嘛给长一点嘛，500毫秒，500毫们都没有到一秒吧，刷一下你看这个只有两个才全部都会了，哎，那刚说为什么音频的线会了，音频时间不是长吗。哎，300啊，这个时间还跟网络有关系，现在都回来了，比如说我们刚刚是不是看到只有什么硬频线过来了，刷一下，诶好习惯。周年。210。我的天呐，一点点掉了220。你看是不是干么？咦，这什么视频线回来了吗？可能有缓存，要是我清一下。啊，这跟这跟网络有关系。

手套。嗯，说下你看这是视频先回来的嘛，啊，这跟网络肯定有关系，所以说一般我们干嘛。一般我们在这边差不多等个500毫秒，基本上都可以啊。会了能不讲好，这跟什么，这跟你这个。这跟你这个那个视频的长短它有关系吧，是不是，其实它应该是有事件可以做到的，你看有没有事件是代表这个媒体加载完的。视频相关视频里面有位代表是媒体在哪呢？媒体的元数据已经加载完毕，这个叫什么？媒体的第一帧已经加载完，们会触发这个事件吗？是吧，还有什么？看有没有媒体被加载完毕了。在媒体资源加载终止时触发，这可能是因为下载已完成，或者是因为其他原因暂停了，是不是是不是这个CTRLC，那其实在它底下的关应该干嘛。

肯定已经加载完了吧，是不是，那我不开定之前我们来看一下。有个什么事件，Video点什么and listen是不是这个事件来一个方形？好看一下，在这边去CTR的那个这个V6点六边形，这个你看一下。嗯，不看这个看什么。里面好刷一下。你上面循环打出来是什么。哎，你看上面是不是有个循环啊，说明这个视频是。一把加载回来的吗？不是吧，我们说干嘛大家看这个事件触发那个机制什么，在媒体资源加载终止时，可能是因为加载完成或者什么暂停吗？你看是不是经历了400多次才全部加载完，我们之前有没有说过，我们说这个这个资源回来是通过一个什么。

流的形式吧，它不是一把回来，是一点点一点点回来的。懂吗？OK，那你说那还有什么时间，可能我们可以。用一下。当有关媒体。总计来看一下还有什么，比如说媒体的第一帧已经加载完毕吧，看一下这里他这个事情出发的时候已经是个已经是个什么样的过第一增加的好吗？走看一下。说一下。谈不上，你看这个时候延就已经回来了，是不是还说明说我们要去拿这个数据的时候，要么你延延迟去拿，要么就干嘛，等到本身video或者说audio触发它一定的事件的时候，你再去拿，这个时候拿的时候这个值就靠谱一点，能不讲，不然的话，你很有可能拿到就是一个啊嗯，这个能理解吗？OK，好，那再来看还有什么，还有什么不一个叫前面形一个什么空开始播放到现在手中的。

时间，我们看这是什么位。好。呃，比如说我把这个再做一做好开始播放到现在所谓的时间啊，照样是什么o.look一下这个V对什么。叫什么？V6点什么time或者什么过6.c问题来看一下CTRLCCTRLV，大家觉得上来它应该是多少？上短零。上来肯定是零啊，是不是周你来说吧，比如说我点。点这个时候是开始已经播放了，其实这个值在不在变，我问你在变值，我没有打出来嘛，是不是，比如说我通过一个循环进去把它打出来就可以了，C乘。

英特尔来一个方形。诶，这这是什么鬼。干掉这里面来一个什么，放心好，只要你比如说我每隔一秒让你干么掉一次是吧，找你我把这两个手机怎么了给他，并进来再看一下，刷一下。哪边29行怎么了。大冒少了一个大冒，哎，少了个大括号吗？Window上面少的灯好来看一下刷一下。好，比如说干嘛现在是不是都是零啊，为什么？因为他们还没有放嘛，只要你放下了。

你看这个过来是不是前面是不是还没放这个为什么没放。B6点为什么没有发资源，有问题吗？刷一下只有你。是不是延迟也在放吗？是不是啊，刚可能资源没有回来，你看现在完了他他也放，你看这值是不都有的讲，而且很明显大看到我们说电子机准吗。不准，它不可能是一秒的，懂吗？OK，之后我们再来说这个定时器的问题，好。好，再来看这还有还有其他数据，好，这里。好，还有什么是否静音吧，还有什么音量吧，我们来看一下是否静音，CTRLC。好看，有点下什么VV6点吗？没点的是吧？OK，再来看什么O6也是一样的。

哎呦呦，现在是现在是不是静音了，现在现在现在我有没有静音啊，没有那应该给我返回啊。回复，是吧，你看是不是如果他静音了。你有球？MUTED吧。一个。来看一下。只点是不是去啊，这也没问题，OK，我们再来看下面是还有一个什么音量的控制啊，肯定就要自己来看看，好我周你我问你这个是我是不是静静音的，那这个音量应该有多少。零八来看一下是不是零。这。

诶，你发的音量是。一啊，切记这两个属性之间照明的应该要同步吧。是吧，都是关于什么静音跟什么音量的嘛，那我静音的时候的话，你的你应该就是。零啊，是不是OK，这里面有个坑的。没跟什么没跟什么，不能之间干么不会同步，也就是说你把它设置成处的时候，或者说你通过什么GS算法上来，我没有定。是不是你把他干嘛。啊，这是一个可读写属性，你把它设置成处的时候，一定得记得干点什么事情。一定得记得干些什么事情。等于零，它的欧也等于。

零懂吗？有没有讲为什么我们说干嘛，照理来讲的话，这个事情应该是浏览器帮我去做的是吧，现在我要帮你经营的时候的话，你干嘛应该让这个自成你的，不然我下一次哎，我说我在这边写这个，写这个区回的干嘛没写的是不是，然后干嘛下一次我在这个JS里面，脚本里面去调这个涡的时候，发现这个是一。那不就前后就冲突了吗？对吧，这是浏览器本身这个API设计就不好，对不对，所以说所以说这种就是坑。能理解吗？说每次在操作这个基因属性的时候，切记想一想音量属性有没有知上对吗？或者说每次在操作音量属性的时候，切记这个基因属性你没重置，所以说他们俩是双胞胎，你要写的时候的话，你写你写一个干嘛必须带上。另一个能不能解好，我们可以再来看它们俩之间还有还有什么事。

这里我们来看一下。好，我们说它们俩是不是控制的是一样的东西啊，那就应该有优先级吧，OK，来看看这CTRLCCTRLB，大家看现在我是不是设置成了静音啊是吧，比如说现在我再把它音量调成。0.5来看一下这题。是金银还是0.5。是精英还是零点网？是不是还是静音说明它的它的优先级比较高吧，比如说你把它写到下面去也是一样，CTRLS这。看到没有，是不是都是静音啊，好，我们说干嘛，他们之间不会同步，而且谁的谁的优先级高。精英属性的优先级比较高，OK，这个给他记住啊，这个是我们在做音视频开发的时候啊，比较容易踩到了一个坑，好再看。还有什么？暂停。媒体是否播放完毕，是否有错啊，以字符串的形式返回媒体的地址，那这些我们测一下就行了，看一下。

好，这个也把它注上这里好，Audio跟video同时来测一码减力。好，这里看什么，哪些属性。是否暂停？还有什么？播放是否结束？还有啥？它是否在播放的时候发生了错误？好，还有什么，他现在这个资源的字符串地址。这题我们来看一下分辨工调为什么？好，F12看一眼。大家看。刷一下QQ或闹闹跟他们资源地址吧，资源资源地址是不是没问题啊，是不再来看我们说播放的时候是不是没有没有产生错误，因为我现在连放都没放呢。是不是OK，再看还什么，他是否结束了，我开始都没开始呢，是不是OK干嘛，他是不是暂停了。

现在是不是暂停了，这能理解吗？好，那这些属性值大家看，我后面都给你们标了，只读只读，只读只读。总时间也是十度。那这三个水平值我们是可。读写了对吧，说这个属性能干嘛，它是一个指数属性，还是一个可读写属性，在我们的视频来说的话是比较重要的。能理解吧，而且这些属性是不是都是我给你视频都有的。那么讲那下午我们做方做播放器的话，就是来操作这些属性等等，OK，那还有视频是吗。多出来了，那这几个视频多出来能不能解OK，比如说看下他的海报。好，音频是没有海报的吧，OK，点。整你现在有吗？有吗？空吧，是不是，我们来看它是一个什么数项。

读写属性懂吗？那我给他设置海报行不行？等。地址嘛，Resource底下的什么。Image底下的小飞点天气嘛，是吧，轴你这边换成image底下的。小飞张眼PG。看一下P旺啊偏见来看一下，刷一下，你看是不是就有海报了，对不啊，OK，我们再来看，还有你看这个海报的地址是不是也在这。OK，这里还有什么？外看的我就不说了吧，是不是。这个Y根还需要说吗？它的跟它的hat，这你看一下。刷下500，五百八我在哪设的。完成看了。

这也是个可读写属性嘛啊，当然还有一个叫什么video was video head，这这个代表什么意思，我们这个white head是不是代表你这个video不要填那个词啊，好，有个叫video has跟video had，这个代表什么？Me，这个代表你本身视频的分辨率，Me had整理我们来看一下，说一下整。是不是0002为为什么现在是002。是不是可能还没回来？是不是啊，我这个视频可能还没回来吗？是不是，那那怎么办？你可以放到什么，你可以放到定时器里面，也可以放到什么。第一针回来的时候应该差不多了吧，看一下第一针回来的时候应该差不多。这里来看一下，好，这里。那我们来看一下。

刷一下。这里你看六百四跟三百六吧，这是不是我视频本身的分辨率啊，大家看下我的分辨率是不是六百四百六。怎么看？我的资源在哪里？对，硕士底下什么video？我拿的是谁啊？MP是吧，好看这MP4。能不能看它的分辨率啊。详细信息你看六百四三百六吧，能不解啊，就是这两个参数是拿出的嘛。不一样的懂吗？一个是拿video标签的，一个是拿什么video标签里面那些视频的懂不懂，OK，那这些都是，那这一块我们讲什么啊？这节我们讲了三样东西，第一个音视频的兼容性写法，硕字标题的意义啊，数字标题里面比较重，是的type属于是干嘛的好，第二个讲了音视频上的配套。

是吧，然后讲了因视频上的什么。等不等，那下一节课我们来讲一下一些相关的函数啊，让我们来做一个小小的实例，那音视频的API讲完了，API比较简单吧，比之前讲都要简单，那需要大家注意的，唯一需要你们注意的就是它。懂吗？音音量上面有个坑，不是同步的，而且它的优先级比较高，你分清楚哪个属性是指数的，哪个属性是可读写的，一般就可以了，而且还有知道一个事情，可能一视频比较大，你可能在拿一些属性的时候，干嘛这个值拿到是啊，不对的，所以说你最好开个定时器，或或者说在一定的时间底下再去拿。你没讲，那这是音视频AAPI所需要你们关关关关注的，基本上其他的话我觉得。没有什么比较难的东西了，就看我们怎么去用它了，那么你讲OK。