老师您好,有问题

来源:3-3 muted、networkState、currentSrc

慕尼黑1428446

2019-08-15 10:57:50

0 代表 音频/视频尚未初始化

1 代表 音频/视频是活动的且已选取资源,但并未使用网络

想问一下音频/视频尚未初始化和音频/视频是活动的且已选取资源,但并未使用网络是什么意思呀?没有使用网络怎么加载完成呀



写回答

1回答

好帮手慕慕子

2019-08-15

同学你好, 音视频尚未初始化, 表示资源还没有加载完成

音频/视频是活动的且已选取资源,但并未使用网络。 可以理解为此时的音视频已经可以播放, 不用再使用网络去加载视频了。 老师这里给出一个测试示例,帮助同学理解

  1. 使用本地视频测试,不用连接网络, networkState返回值一直是1

  2. 使用在线视频测试, 播放是缓存的部分时, networkState返回值是1, 如果播放超出进度条的时候,networkState返回值是2。

    示例:播放的是缓存部分

    http://img.mukewang.com/climg/5d551ce10001770404310332.jpg

    播放未缓存的部分

    http://img.mukewang.com/climg/5d551d710001f77705160366.jpg

同学可以结合代码

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>Document</title>
</head>

<body>
<p style="color:#CC6600">功能介绍:<br /> 点击测试按钮获得音频/视频的当前网络状态。
</p>
<video id="myVideo" width="320" height="180" controls>
<source src="https://vd4.bdstatic.com/mda-jb1h68aatrfepkr3/sc/mda-jb1h68aatrfepkr3.mp4?auth_key=1565859428-0-0-f943cb7392706f4e2f6993e5b58e2347&bcevod_channel=searchbox_feed&pd=bjh&abtest=all" type="video/mp4">
<!-- 换成本地的音视频测试 -->
<!-- <source src="data/imooc.mp4"> -->
</video><br />
<p id="message"></p>
<button onClick="getnetworkState()">测试</button><br /> 返回值:number值 表示音频/视频元素的当前网络状态: 0 = NETWORK_EMPTY - 音频/视频尚未初始化 1 = NETWORK_IDLE - 音频/视频是活动的且已选取资源,但并未使用网络 2 = NETWORK_LOADING - 浏览器正在下载数据 3 = NETWORK_NO_SOURCE - 未找到音频/视频来源
<script>
function getnetworkState() {
setInterval(function() {
var v = document.getElementById("myVideo").networkState;
document.getElementById("message").innerHTML = v;
// c
// console.log(v)
}, 100)
}
</script>
</body>

</html>

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~

1

0 学习 · 6815 问题

查看课程