音频和视频

Posted wxy0715

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了音频和视频相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head >
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>   
</head>
<body>
 <marquee behavior="scroll" bgcolor="yellow" direction="right" scrollamount="1" loop="2" onmouseout="this.start()" 
 onmouseover="this.stop()" >网易云MV</marquee>

<video src="./../../../数据库/MV/萧全 - 社会摇.mp4" style="width:1000px;text-align: center; " controls></video>
<audio src="./../../../数据库/音乐/屈原叔叔 - 盛夏的果实(Cover:莫文蔚).mp3" style="width: 200px;"; controls></audio>

</body>


<!-- 
    1.poster="src" 当视频还没加载出来时,显示的第一幅画面
    2.适应浏览器
    <video controls>
        <source src="mp3/flv.flv" type="video/flv">
        <source src="mp3/mp4.mp4" type="video/mp4">
    </video>
HTML 音频/视频 方法
方法               描述
addTextTrack()    向音频/视频添加新的文本轨道。
canPlayType()    检测浏览器是否能播放指定的音频/视频类型。
load()            重新加载音频/视频元素。
play()            开始播放音频/视频。
pause()            暂停当前播放的音频/视频。

HTML 音频/视频属性
属性    描述
audioTracks    返回表示可用音频轨道的 AudioTrackList 对象。
autoplay    设置或返回是否在加载完成后随即播放音频/视频。
buffered    返回表示音频/视频已缓冲部分的 TimeRanges 对象。
controller    返回表示音频/视频当前媒体控制器的 MediaController 对象。
controls    设置或返回音频/视频是否显示控件(比如播放/暂停等)。
crossOrigin    设置或返回音频/视频的 CORS 设置。
currentSrc    返回当前音频/视频的 URL。
currentTime    设置或返回音频/视频中的当前播放位置(以秒计)。
defaultMuted设置或返回音频/视频默认是否静音。
defaultPlaybackRate    设置或返回音频/视频的默认播放速度。
duration    返回当前音频/视频的长度(以秒计)。
ended        返回音频/视频的播放是否已结束。
error        返回表示音频/视频错误状态的 MediaError 对象。
loop        设置或返回音频/视频是否应在结束时重新播放。
mediaGroup    设置或返回音频/视频所属的组合(用于连接多个音频/视频元素)。
muted        设置或返回音频/视频是否静音。
networkState返回音频/视频的当前网络状态。
paused    设置或返回音频/视频是否暂停。
playbackRate设置或返回音频/视频播放的速度。
played       返回表示音频/视频已播放部分的 TimeRanges 对象。
preload      设置或返回音频/视频是否应该在页面加载后进行加载。
readyState    返回音频/视频当前的就绪状态。
seekable    返回表示音频/视频可寻址部分的 TimeRanges 对象。
seeking      返回用户是否正在音频/视频中进行查找。
src            设置或返回音频/视频元素的当前来源。
startDate    返回表示当前时间偏移的 Date 对象。
textTracks    返回表示可用文本轨道的 TextTrackList 对象。
videoTracks    返回表示可用视频轨道的 VideoTrackList 对象。
volume      设置或返回音频/视频的音量。

HTML 音频/视频事件
事件                   描述
abort            当音频/视频的加载已放弃时触发。
canplay            当浏览器可以开始播放音频/视频时触发。
canplaythrough    当浏览器可在不因缓冲而停顿的情况下进行播放时触发。
durationchange    当音频/视频的时长已更改时触发。
emptied            当目前的播放列表为空时触发。
ended            当目前的播放列表已结束时触发。
error            当在音频/视频加载期间发生错误时触发。
loadeddata       当浏览器已加载音频/视频的当前帧时触发。
loadedmetadata    当浏览器已加载音频/视频的元数据时触发。
loadstart        当浏览器开始查找音频/视频时触发。
pause           当音频/视频已暂停时触发。
play            当音频/视频已开始或不再暂停时触发。
playing            当音频/视频在因缓冲而暂停或停止后已就绪时触发。
progress        当浏览器正在下载音频/视频时触发。
ratechange       当音频/视频的播放速度已更改时触发。
seeked            当用户已移动/跳跃到音频/视频中的新位置时触发。
seeking            当用户开始移动/跳跃到音频/视频中的新位置时触发。
stalled            当浏览器尝试获取媒体数据,但数据不可用时触发。
suspend            当浏览器刻意不获取媒体数据时触发。
timeupdate        当目前的播放位置已更改时触发。
volumechange    当音量已更改时触发。
waiting            当视频由于需要缓冲下一帧而停止时触发。

 

以上是关于音频和视频的主要内容,如果未能解决你的问题,请参考以下文章

ffmpeg图片转视频,图片+音频合成视频每秒一张图

一次用ffmpeg实现图片+音频合成视频的开发

使用ffmpeg从视频文件中提取音频文件视频抽帧和切割视频

mac怎么把视频中的音频提取出来?

Android videoview控件不显示视频,只播放音频

如何实现与视频的共享元素过渡