热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

html5篇——音频/视频

这一篇介绍html5中音频和视频媒体播放元素。以前我们要在网页上显示音频和视频,都是借助的插件(比如flash),现在html5推出了<audio>和<video>

这一篇介绍html5中音频和视频媒体播放元素。
以前我们要在网页上显示音频和视频,都是借助的插件(比如flash),现在html5推出了

音频

音频在html5用

你的浏览器不支持vedio元素

视频属性介绍

src: 指向视频文件的URL地址。

controls: 显示内置的播放空间,通常包括播放、暂停、定位以及音量。

poster: 规定视频下载时,或者在用户点击播放按钮钱以及视频不可用时显示的图像。如果设置该属性,则使用视频的第一帧来代替。

loop:  重复播放视频,直到按下控件上的暂停按钮或者从脚本调用pause方法。

muted: 设置或返回视频是否应该被静音(关闭声音)。

autoplay: 设置播放器缓冲足够多的内容之后是否开始自动播放视频。

preload: 定义需要多少缓冲,与音频一样.

height: 设置视频播放器的高度(以像素为单位)。

width: 设置视频播放器的宽度(以像素为单位)。

当前

mp4: 带有H.264视频编码和AAC音频编码的MPEG4文件。

WebM: 带有VP8视频编码和Vorbis音频编码的WenM文件。

ogg: 带有Theora视频编码和Vorbis音频编码的Ogg文件。


视频格式的MIME类型

MP4:

MIME-type: video/mp4

WebM:

MIME-type: video/webm

ogg:

MIME-type:video/ogg

视频格式浏览器支持情况

MP4: IE9及以上/chrome/firefox/safari/opera

WebM: chrome/firefox/opera

ogg: chrome/firefox/opera

多个视频处理

同音频一样,各个浏览器对视频格式的支持也不一样,所以我们需要写多个格式的视频文件,以便兼容,如下:



推荐阅读
  • 博主从零开始学习HTML(入门基础)
    从零开始学习HTML(入门基础)互联网三大基石HTTP协议URL:统一资源定位符HTML:超文本标记语言HTML的Head标签中的常用元素&amp;lt;!--告知 ... [详细]
  • 本文详细介绍了HTML中用于处理多媒体和多行文本输入的元素,包括如何使用、和等标签,以及它们在实际网页开发中的应用。 ... [详细]
  • 本人最近在学习python,在看了一些教程后,用python写了一个简单的云音乐播放器,下面把主要代码贴上来,其中用到了gi ... [详细]
  • java学习日记对JFrame的操作
    设置背景图片、添加音乐、监控键盘、改变字体风格等等!importjava.applet.Applet;importjava.applet.AudioClip;importjava. ... [详细]
  • 本文深入探讨了HTML5中十五个重要的新特性,为开发者提供了详细的指南。 ... [详细]
  • 深入解析Unity3D游戏开发中的音频播放技术
    在游戏开发中,音频播放是提升玩家沉浸感的关键因素之一。本文将探讨如何在Unity3D中高效地管理和播放不同类型的游戏音频,包括背景音乐和效果音效,并介绍实现这些功能的具体步骤。 ... [详细]
  • 本文旨在介绍在iOS平台进行直播技术开发前的准备工作,重点讲解AVFoundation框架的基本概念和使用方法。通过对AVFoundation的深入理解,开发者能够更好地掌握直播应用中的音视频处理技巧。 ... [详细]
  • 深入解析Android多媒体框架
    本文详细探讨了Android多媒体框架的构成及其各组件的功能,旨在为开发者提供深入理解与应用的指导。 ... [详细]
  • 将基于Web的互动多媒体体验引入手机和平板电脑历来面临诸多挑战,如性能瓶颈、API兼容性和HTML5音频及视频播放限制等问题。本文探讨了如何克服这些障碍,为《霍比特人:史矛革之战》打造了一个移动优先的沉浸式网络体验。 ... [详细]
  • 车载T-BOX智能网联终端的设计与实现
    本文介绍了一款基于瑞萨RH850微控制器、TICC2640R2F蓝牙微控制器和高通MDM9628处理器的T-BOX车载终端的设计。该终端通过集成CAN总线、GPS定位、数据加密、蓝牙通信和LTE无线数据传输技术,实现了车辆信息的高效采集与云端通信,支持远程车辆控制和诊断等功能。 ... [详细]
  • 本文介绍了数字音视频编解码技术标准,特别是中国自主研发的AVS标准,及其在短视频软件开发中的应用。文章探讨了AVS标准的发展历程、技术特点以及与国际标准的对比。 ... [详细]
  • 开发笔记:Bash:从一个引用字符串块中的每个带引号的字符串中创建一个变量 ... [详细]
  • iOS应用中实现文件共享与打开功能
    本文详细介绍了如何在iOS应用中配置文件类型支持,使得应用能够识别并打开特定类型的文件,包括文档、图片、音频和视频等。 ... [详细]
  • iOS 10 系统下 AVPlayer 视频播放故障排除
    在使用 iOS 10 系统时,如果遇到 AVPlayer 无法正常播放视频的问题,这可能是由于 Xcode 中异常处理设置不当导致的。本文将详细探讨如何调整 Xcode 设置以解决这一问题。 ... [详细]
  • HTML5大文件传输技术深度解析与实践分享
    本文深入探讨了HTML5在Web前端开发中实现大文件上传的技术细节与实践方法。通过实例分析,详细讲解了如何利用HTML5的相关特性高效、稳定地处理大文件传输问题,并提供了可供参考的代码示例和解决方案。此外,文章还讨论了常见的技术挑战及优化策略,旨在帮助开发者更好地理解和应用HTML5大文件上传技术。 ... [详细]
author-avatar
情商是你弟
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有