HTML5学习系列之音频和视频

HTML5学习系列之音频和视频


前言

学习记录。


音频和视频

embed

embed定义嵌入插件。

  • src:指定来源
  • height:高度
  • type:内容的类型
  • width:内容的宽度

object

定义一个嵌入的对象

  • data:URL
  • form:表单
  • height:高度
  • name:名称
  • type:数据类型
  • usemap:客户端图像映射的URL
  • width:对象的宽度

audio

播放声音文件或音频流

  • autoplay:就绪就放
  • controls:显示控件,如有按钮
  • loop:结束时重新开始播放
  • preload:页面加载时进行加载,并预备播放。有autoplay则忽略。
  • src:URL

video

  • autoplay
  • controls
  • height
  • loop
  • muted:音频输出静音
  • poster:URL,下载或播放按钮前显示的图像
  • preload
  • src
  • width

JavaScript脚本控制也可媒体播放。

  • load():加载音频和视频
  • play():加载并播放
  • pause():暂停
  • canPlayType(type):检测video是否支持给定MIME类型的文件。

总结

学习记录。

相关推荐
xingyuzhisuan1 小时前
团队实践:引入 Vera 1.1 之后,视频内容团队工作流重构
人工智能·重构·音视频
IT古董2 小时前
【MES学习笔记系列】MES 推荐书籍与资源
笔记·学习
迪丽热爱2 小时前
每日英语-11
学习
艾莉丝努力练剑2 小时前
【QT:解决问题】Qt5Core.dll:无法定位程序输入点
java·开发语言·qt·学习·面试
美狐美颜SDK开放平台2 小时前
第三方美颜SDK接入教程:直播APP实现实时美颜、滤镜与美型效果的方法
人工智能·深度学习·音视频·sdk·美颜sdk·视频美颜sdk·直播app开发
青山是哪个青山10 小时前
LangChain 学习笔记(四):Message 与提示词模板
笔记·学习·langchain
我命由我1234511 小时前
CesiumJS 笔记 - 获取容器中心点、Cartesian3 clone 方法、修改 Cartesian3 对象的高度
前端·javascript·css·前端框架·html·html5·js
hsjiasb12 小时前
FreeRTOS学习(二十六)——动态内存管理heap_1到heap_5
stm32·单片机·学习·学习笔记·freertos
崇子嵘12 小时前
基于zynqMP15eg的linux驱动学习
学习
知识分享小能手14 小时前
线性代数学习教程,从入门到精通,向量组的线性相关性 — 完整知识点梳理(7)
学习·线性代数·机器学习