<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>音频的js方法</title>
</head>
<body>
<video src="./resource/video/3.mp4" controls width="500" height="500">
</video>
<audio src="./resource/audio/1.mp3" muted controls></audio>
</body>
<script>
window.onload = function(){
var video = document.querySelector('video');
/* console.log(video.duration);
setInterval(function(){
console.log(video.currentTime); },1000)
console.log(video.muted);
*/
console.log('是否暂停:'+video.paused);
console.log('是否播放完毕:'+video.ended);
console.log('是否暂发生错误:'+video.error);
console.log('视频资源的字符串地址:'+video.currentSrc);
video.poster = '/canvas/img/q_r1.jpg';
console.log(video.poster);
console.log(video.width,video.height);
console.log(video.videoWidth,video.videoHeight);
/* 视频js的相关属性
duration : 媒体总时间(只读)
currentTime : 开始播放到现在所用的时间(可读写)
muted : 是否静音(可读写,相比于volume优先级更高)
volume : 0.0-1.0的音量相对值(可读写)
paused : 媒体是否暂停(只读)
ended : 媒体是否播放完毕(只读)
error : 媒体发生错误的时候,返回错误代码(只读)
currentSrc : 以字符串的形式返回媒体地址(只读)
poster : 视频播放前的预览图片(可读写)
width、height : 设置视频的尺寸(可读写)
videoWidth、videoHeight : 视频的实际尺寸(只读)
*/
var audio = document.querySelector('audio');
console.log(audio.duration);
//muted和volume之间不会同步 且muted的优先级 > volume
audio.muted = true;
audio.volume = 0;
console.log(audio.volume);
/* 音频js的相关属性
duration : 媒体总时间(只读)
currentTime : 开始播放到现在所用的时间(可读写)
muted : 是否静音(可读写,相比于volume优先级更高)
volume : 0.0-1.0的音量相对值(可读写)
paused : 媒体是否暂停(只读)
ended : 媒体是否播放完毕(只读)
error : 媒体发生错误的时候,返回错误代码(只读)
currentSrc : 以字符串的形式返回媒体地址(只读)*/
}
</script>
</html>
扫一扫
3491
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
