前端必知必会-多媒体


HTML 多媒体

网络上的多媒体包括声音、音乐、视频、电影和动画。

什么是多媒体?

多媒体有多种不同的格式。它几乎可以是任何你能听到或看到的东西,如图像、音乐、声音、视频、唱片、电影、动画等等。

网页通常包含不同类型和格式的多媒体元素。

浏览器支持
第一个网络浏览器仅支持文本,仅限于单一字体和单一颜色。

后来出现了支持颜色、字体、图像和多媒体的浏览器!

多媒体格式

多媒体元素(如音频或视频)存储在媒体文件中。

发现文件类型的最常见方法是查看文件扩展名。

多媒体文件具有格式和不同的扩展名,如:.wav、.mp3、.mp4、.mpg、.wmv 和 .avi。

常见的视频格式

视频格式有很多种视频格式。

HTML 支持 MP4、WebM 和 Ogg 格式。

格式文件描述
MPEG.mpg.mpegMPEG。由运动图像专家组开发。网络上第一个流行的视频格式。HTML 不再支持。
AVI.aviAVI(音频视频交错)。由微软开发。常用于摄像机和电视硬件。可以在 Windows 计算机上播放,但不能在网络浏览器中播放。
WMV.wmvWMV(Windows Media Video)。由微软开发。常用于摄像机和电视硬件。可以在 Windows 计算机上播放,但不能在网络浏览器中播放。
QuickTime.movQuickTime。由苹果开发。常用于摄像机和电视硬件。可以在苹果计算机上播放,但不能在网络浏览器中播放。
RealVideo.rm.ram RealVideo。由 Real Media 开发,允许低带宽的视频流。不能在网络浏览器中播放。
Flash.swf.flv Flash。由 Macromedia 开发。通常需要额外的组件(插件)才能在 Web 浏览器中播放。
Ogg.oggTheora Ogg。由 Xiph.Org 基金会开发。由 HTML 支持。
WebM.webmWebM。由 Mozilla、Opera、Adobe 和 Google 开发。由 HTML 支持。
MPEG-4 或 MP4.mp4MP4。由动态图像专家组开发。常用于摄像机和电视硬件。所有浏览器均支持,YouTube 推荐使用。

注意:HTML 标准仅支持 MP4、WebM 和 Ogg 视频。

常见音频格式

MP3 是压缩录制音乐的最佳格式。MP3 一词已成为数字音乐的代名词。

如果您的网站是关于录制音乐的,那么 MP3 是最佳选择。

格式文件描述
MIDI.mid.midiMIDI(乐器数字接口)。所有电子音乐设备(如合成器和 PC 声卡)的主要格式。MIDI 文件不包含声音,但包含电子设备可以播放的数字音符。可以在所有计算机和音乐硬件上播放,但不能在网络浏览器中播放。
RealAudio.rm .ramRealAudio。由 Real Media 开发,允许使用低带宽传输音频。不能在网络浏览器中播放。
WMA.wmaWMA(Windows Media Audio)。由 Microsoft 开发。可以在 Windows 计算机上播放,但不能在网络浏览器中播放。
AAC.aacAAC(高级音频编码)。由 Apple 开发,作为 iTunes 的默认格式。可以在 Apple 计算机上播放,但不能在网络浏览器中播放。
WAV.wavWAV。由 IBM 和 Microsoft 开发。可以在 Windows、Macintosh 和 Linux 操作系统上播放。由 HTML 支持。
Ogg.oggOgg。由 Xiph.Org Foundation 开发。由 HTML 支持。
MP3.mp3MP3 文件实际上是 MPEG 文件的声音部分。MP3 是音乐播放器中最流行的格式。兼具良好的压缩率(小文件)和高品质。所有浏览器均支持。
MP4.mp4MP4 是一种视频格式,但也可用于音频。所有浏览器均支持。

注意:HTML 标准仅支持 MP3、WAV 和 Ogg 音频。


总结

本文介绍了的html多媒体使用,如有问题欢迎私信和评论

  • 19
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

编程岁月

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值