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类型的文件。

总结

学习记录。

相关推荐
ai产品老杨1 小时前
NVIDIA GPU部署AI视频分析项目实战记录
人工智能·音视频
星幻元宇VR6 小时前
公共安全实训展厅设备【人防知识学习系统】
科技·学习·安全
REDcker9 小时前
远程实时操控技术详解
音视频·实时音视频·数据采集·遥控·遥操作·数据闭环·远程操控
心中有国也有家9 小时前
AtomGit Flutter 鸿蒙客户端:情绪日记的时间线实现
学习·flutter·华为·harmonyos
AI_Video_Editing10 小时前
长视频转短视频应用怎么选:从成本公式、处理链路到场景适配的判断逻辑
音视频
百里香酚兰10 小时前
【python学习笔记】pyttsx3库疑似只播报一次语音
笔记·python·学习
恣逍信点10 小时前
《凌微经》助读:本体论根基——“无之自悖”与“形性一体”
人工智能·科技·学习·程序人生·生活·交友·哲学
气泡音人声分离11 小时前
技术解析|音频可视化:从波形图到声谱图,把“听觉”变成“视觉”
音视频·音频剪辑·音频可视化
阿拉斯攀登12 小时前
售货柜实战:IPC 拉流 → 抽帧 → YOLO 识别完整流水线
yolo·ffmpeg·音视频·webrtc·视频编解码
chh56312 小时前
C++--string
java·开发语言·网络·c++·学习