HTML多媒体介绍及相关标签属性

新知榜官方账号

2023-11-01 08:41:17

HTML多媒体介绍及相关标签属性

本文介绍了HTML中多媒体的相关标签和属性，包括Audio音频和Video视频的基本语法和常用属性、方法，以及流媒体的相关协议和格式。

1. Audio音频

Audio支持格式有：Firefox：支持OggVorbis和WAVOpera：支持OggVorbis和WAVSafari：支持MP3，AAC格式，和MP4Chrome：支持OggVorbis，MP3，WAV，AAC和MP4InternetExplorer9+：支持MP3，AAC格式，和MP4IOS：支持MP3，AAC格式，和MP4Android：支持AAC和MP3

Audio基本语法：<audio src="xxxx.mp3" controls="controls" loop="loop" autoplay="autoplay">您的浏览器不支持html5的audio标签</audio>

常用属性和方法：currentTime，获取当前播放时间duration，获取歌曲的总时间play，播放pause，暂停loadstart，开始加载durationchange，时长数据变化loadedmetadata，元数据已加载progress，加载中canplay，可以播放canplaythrough，边缓冲边播放play()，播放歌曲pause()，暂停歌曲load()，重新加载歌曲

2. Video视频

视频格式与流媒体video支持的视频的格式主要有三种：MP4、ogg、webm。Firefox：支持OggTheora格式和WEBMOpera：支持OggTheora格式和WEBMSafari：支持MP4Chrome：支持OggTheora格式，MP4和WEBMInternetExplorer9：支持MP4和WEBM(需要安装插件)IOS：支持MP4Android：支持MP4和WEBM(Android2.3版本以上)

Video基本语法：<video src="xxxx.mp4" controls="controls" loop="loop" autoplay="autoplay">您的浏览器不支持html5的video标签</video>

常用属性和方法：currentTime，获取当前播放时间duration，获取歌曲的总时间play，播放pause，暂停loadstart，开始加载durationchange，时长数据变化loadedmetadata，元数据已加载loadeddata，当前帧的数据已加载，无法播放下一帧progress，加载中canplay，可以播放canplaythrough，边缓冲边播放play()，播放视频pause()，暂停视频load()，重新加载视频

3. 流媒体

流媒体是指采用流式传输的方式在Internet播放的媒体格式(流媒体格式video标签是不支持的)。流媒体又叫流式媒体，它是指商家用一个视频传送服务器把节目当成数据包发出，传送到网络上。用户通过解压设备对这些数据进行解压后，节目就会像发送前那样显示出来。典型的流媒体格式：rtmp、rtsp、flv都是流媒体的传输协议。rtmp是Adobe公司提供的一个流媒体协议，使用的是TCP协议，稳定性好rtsp是Netscape网景公司提供的一种协议，使用的是UDP协议，实时性好flv是苹果公司提出的一个流媒体的一个协议，也是使用的TCP协议，把整个视频流切割成一段一段的m3u8文件

流媒体格式一般使用相关的插件进行播放，如Video.js，可以静态或动态加载，并使用相关属性和方法进行控制。

本页网址：https://www.xinzhibang.net/article_detail-18480.html

寻求报道，请

关键词

分享至微信：

相关工具

BGM猫

灵动音科技推出的AI智能生成BGM音乐

Soundraw

AI音乐生成工具

LOVO AI

AI人声和文本转语音生成工具

讯飞智作

科大讯飞推出的AI转语音和配音工具

Voicemaker

AI文本到语音生成工具

Typecast

在线AI文字转语音生成工具

Meta推出Audiobox AI声音生成模型，降低声音生成门槛

据报道，Meta公司最近推出了一款名为Audiobox的AI声音生成模型。该模型能够同时接收语音及文字输入，用户可同时使用语音及文字描述，让这款模型生成所需的音频。据悉，这款模型基于Meta今年6月推出的VoiceboxAI模型，并具备生成各种环境音、自然对话语音的能力，还整合了音频生成和编辑能力，

分类标签 MetaAudioboxAI声音生成模型音频生成音效制作语音输入

12-08 22:38

八款AI智能软件，提高工作效率、解决日常问题

八款AI智能软件，提高工作效率、解决日常问题自媒体人阿志分享了他使用的八款AI智能软件，既提高了工作效率，也解决了日常问题。1. ChatGPTChatGPT是一款聊天机器人，不仅可以像人类一样聊天交流，还可以写邮件、写论文、写视频脚本，翻译、敲代码等，能够帮助我们提高工作效率，解决各种日常问题。2

分类标签 AI智能软件聊天机器人Al写作助手文本生成图像人声生成工具PPT内容生成工具

11-28 08:45

硬核分享|AI语音识别转文字与自动生成字幕

硬核分享|AI语音识别转文字与自动生成字幕在现代快节奏的生活中，语音转文字工具成为了我们工作和学习中的得力助手。它能够将我们说出的话语迅速转化为文字或者将语音视频自动生成字幕，提供便捷和高效。语音转文字转字幕工具是一种技术工具，通过分析音频文件中的声音波形和语音特征，它可以将语音内容快速而准确地转换

分类标签 AI语音识别自动生成字幕

11-13 08:37

分享八款AI智能软件

分享八款AI智能软件大家好！我叫阿志，做自媒体已有三年之久也做出了理想的成绩。今天我就分享我在用的八款AI智能软件，大部分是免费的哦。1. ChatGPTChatGPT是一款聊天机器人。它不仅可以像人类一样聊天交流，还可以写邮件、写论文、写视频脚本，翻译、敲代码等，能够帮助我们提高工作效率，解决各种

分类标签 AI智能软件聊天机器人Al写作助手文本生成图像文案写作修图软件AI人声生成工具PPT内容生成工具

11-03 00:59

AudioCraft：利用人工智能技术生成音乐与音效

AudioCraft：利用人工智能技术生成音乐与音效近年来，包括语言模型在内的生成式人工智能模型取得了巨大进步，特别是ChatGPT的发布，让大家看到了大语言模型的魅力。无论是计算机视觉，还是nlp领域的文本描述生成各种图像和视频，到执行机器翻译，文本生成等等大模型上，其都取得了令人意想不到的发展。

分类标签音乐生成音效生成EnCodecChatGPT人工智能

11-01 08:42

iQOO手机Jovi语音助手：让你体验智能生活的黑科技

iQOO手机Jovi语音助手：让你体验智能生活的黑科技在当今社会，方便快捷给人们带来的便利，不足以用语言说出来的，而在手机这个领域，一台功能方便快捷的手机，更是成为很多用户心中追求的东西。一个智能时代的到来，意味着科技正在不断发展，语音助手成为许多生产商争相竞争技术的一个功能之一，语音助手亦是给用户

分类标签 iQOO手机Jovi语音助手智能生活

10-21 22:10

识破诈骗伎俩，保护家庭财产

识破诈骗伎俩，保护家庭财产近年来，不法分子不断创新诈骗手段，让金融消费者防不胜防，个人财产安全也受到严重威胁。10月7日，“双节”后的第一天，国家金融监管总局北京监管局（即国家金融监管总局）发布了题为《识破诈骗伎俩，保护家庭财产》的风险提示。此次国家金融监管总局北京监管局公布的三起新骗局中，“AI换

分类标签诈骗金融监管AI换脸

10-11 18:14

眼见为实？警惕！AI变声换脸新骗局来袭！

眼见为实？警惕！AI变声换脸新骗局来袭！近年来，随着人工智能技术的发展，人们享受到了越来越多的便利，但同时也面临着越来越多的安全隐患，其中之一就是AI技术被用于犯罪。最近，一种新型的骗局——AI变声换脸骗局出现了，这种骗局通过运用AI技术，将犯罪分子的声音和面部特征进行替换，从而实现了虚假身份的冒用

分类标签 AI变声换脸

10-11 17:58

8只猫咪穿上珍珠耳环和丝绸衣物，化身为经典画作的主角

8只猫咪穿上珍珠耳环和丝绸衣物，化身为经典画作的主角欢迎大家回到我们的萌宠天堂！今天，我们有一组非常特别的猫咪照片想和大家分享。想象一下，如果JohannesVermeer的经典画作《戴珍珠耳环的少女》中的主角是一只猫咪，那会是什么样子？没错，今天我们就有8只猫咪化身为这一经典画作的主角，穿上了金色

分类标签猫咪珍珠耳环丝绸衣物

10-07 17:32

杭州亚运会的BGM成为网红，赛场音乐赢得观众喜爱

杭州亚运会的BGM成为网红，赛场音乐赢得观众喜爱随着杭州亚运会的进行，大家发现这届亚运会的BGM相当有特点。在乒乓球男团决赛中，中国队以3：0的成绩大胜韩国，取得了亚运会乒乓球男团八连胜。当现场奏响“我是如此相信”这首歌时，观众们纷纷跟着唱，表达了对乒乓男团的坚定支持。当马龙入场时，现场的音乐变成了

分类标签杭州亚运会BGM赛场音乐

10-07 17:30