HTML5之音视频和存储

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

Gsding

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

阅读量363

点赞数 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>

Gsding

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
HTML5之音视频和存储

音频audioaudio 用于在文档中嵌入音频元素。audio标签controls：浏览器提供包括声音、播放进度、播放暂停的控制面板（不同浏览器不一致），用户可以控制音频播放source:规定了多媒体资源, 可以是多个，在 <video> 与 <audio>标签中使用设置多个播放格式不同浏览器支持的音频播放格式有所不同，一般为了兼容效果，会放置多种音频格式，浏览器会自上而下选择符合的音频格式。<audio controls> <source
复制链接

扫一扫