html5中的音视频媒体

最新推荐文章于 2021-06-10 11:23:33 发布

我叫干脆面

最新推荐文章于 2021-06-10 11:23:33 发布

阅读量238

点赞数

分类专栏： html5

本文链接：https://blog.csdn.net/sinat_26918145/article/details/51859191

版权

html5 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<h3>html5视频音频</h3>
<ul>
    <p>audio标签播放音频</p>
    <li><textarea rows="5" cols="100">
    <audio controls="controls">
        <source src="home.ogg" type="audio/ogg"/>
        <source src="home.mp3" type="audio/mpeg"/>
    </audio>
        会一直试，如果ogg格式不支持，赚到下面mpeg
    </textarea></li>
    <p>audio标签播放视频</p>
    <li>
        <textarea rows="5" cols="100">
    <vedio width="400" height="200" tcontrols="controls">
        <source src="home.ogg" type="vedio/ogg"/>
        <source src="home.mp4" type="vedio/mp4"/>
        您的浏览器不支持vedio
    </vedio>
    </textarea>
    </li>
    <p>音视频相关属性</p>
    <li>src</li>
    <li>autoplay:是否一加载完页面自动播放</li>
    <li>buffered:返回TimeRanges，确认浏览器已经缓存媒体文件</li>
    <li>controls:可以问多媒体提供播放的进度条，播放暂停，时间，音量，全屏</li>
    <li>currentSrc:用于返回一个多媒体文件确定的url地址</li>
    <li>currentTime:用于返回视频播放的位置，返回时间，可以设置当前视频播放的位置</li>
    <li>duration:用于返回视频播放的总时长</li>
    <li>muted:是否应该静音</li>
    <li>networkState:返回音频视频的当前网络状态</li>
    <li>paused:返回音频视频是否暂停</li>
    <li>played:用户已播放音频视频的范围</li>
    <li>preload:是否预加载，即在页面加载后马上加载视频，值auto,null</li>
    <li>seekable:加载状态码，就像http中的state状态码，seekable.start(0)返回加载的视频开始时间，seekable.end(0)显示加载完成的视频位置时间</li>
    <li>volume:返回当前视频音频的音量</li>
    <p>音视频相关方法</p>
    <li>canPlayType():检测浏览器能支持的视频音频类型</li>
    <li>load():重新加载视频音频</li>
    <li>pause():暂停当前播放</li>
    <li>play():播放当前音视频</li>
</ul>

</body>
</html>