滚动字幕、背景音乐与多媒体

来自CloudWiki
Cloud17讨论 | 贡献2020年12月27日 (日) 01:50的版本
跳转至: 导航搜索

滚动字幕

  • 源代码:
<marquee>This text will scroll from right to left</marquee>

<marquee direction="up">This text will scroll from bottom to top</marquee>

<marquee direction="down" width="250" height="200" behavior="alternate" style="border:solid">
  <marquee behavior="alternate">
    This text will bounce
  </marquee>
</marquee>

音乐

多媒体

Web上的视频

在HTML5出现之前Web视频并没有一个标准,有些网站使用Flash插入视频,但是要求用户有Flash播放器;也有些网站使用Java播放器,但是要在JVM虚拟机中解码视频和音频需要用户拥有一台配置较高的机器。

HTML5规定了一种通过video元素来包含视频的标准方法。

video元素目前仅支持三种格式的视频文件。

在HTML5中支持的视频格式主要包括Ogg、MPEG 4、WebM等。

Ogg

Ogg:指带有Theora视频编码和Vorbis音频编码的Ogg文件。Ogg指一种文件封装容器,可以纳入各式各样自由和开放源代码的编解码器,包含音效、视频、文字与元数据的处理。其中,Theora是开源的免费的视频压缩编码技术,质量可以与主流的数字视频压缩编解码标准H.264相媲美;Vorbis是 Ogg的音频编码,类似于MP3等的音乐格式,但是它是完全免费、开放和没有专利限制的。

MPEG 4

MPEG 4:指带有H.264视频编码和AAC音频编码的mpeg文件。同等条件下,mpeg4格式的视频质量较好,它的专利被MPEG-LA公司控制,任何支持播放mpeg4视频的设备,都必须拥有MPEG-LA颁发的许可证。mpeg4有3种编码,mpg4(xdiv),mpg4(xvid),avc(h264),h.264是公认的mp4标准编码,如果在网页开发中有浏览器不能识别的mpeg文件可以尝试用视频格式转换器转换一下格式。AAC是一种由MPEG-4标准定义的有损音频压缩格式,提供了目前最高的编码效率。

WebM

WebM:指带有VP8视频编码和Vorbis音频编码的WebM文件。WebM由Google提出,是一个开放、免费的媒体文件格式,其中Google将其拥有的VP8视频编码技术开源,Ogg Vorbis本来就是开放格式。WebM 项目旨在为对每个人都开放的网络开发高质量、开放的视频格式,其重点是解决视频服务这一核心的网络用户体验。