HTML5之音视频和存储

最新推荐文章于 2022-03-30 09:38:15 发布

Gsding

最新推荐文章于 2022-03-30 09:38:15 发布

阅读量411

点赞数 2

分类专栏： JavaWeb 文章标签： html5 html css

本文链接：https://blog.csdn.net/m0_57840282/article/details/120121458

版权

JavaWeb 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

音频audio

audio 用于在文档中嵌入音频元素。

audio标签

controls：浏览器提供包括声音、播放进度、播放暂停的控制面板（不同浏览器不一致），用户可以控制音频播放
source:规定了多媒体资源, 可以是多个，在 <video> 与 <audio>标签中使用
在这里插入图片描述

设置多个播放格式

不同浏览器支持的音频播放格式有所不同，一般为了兼容效果，会放置多种音频格式，浏览器会自上而下选择符合的音频格式。

<audio controls>
    <source src="music.ogg" type="audio/ogg">
    <source src="music.mp3" type="audio/mpeg">
    <source src="music.wav" type="audio/Wav">
    当前浏览器不支持audio标签
</audio>

视频video

格式

在这里插入图片描述

实例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title> shipin</title>
    </head>
    <body>
        <video width="500" height="500" controls>
            <source src="薛之谦 - 绅士.mp4" type="video/mp4">
        </video>    
    </body>   
</html>