好湿?好紧?好多水好爽自慰,久久久噜久噜久久综合,成人做爰A片免费看黄冈,机机对机机30分钟无遮挡

主頁 > 知識庫 > HTML5中的音頻和視頻媒體播放元素小結

HTML5中的音頻和視頻媒體播放元素小結

熱門標簽:申請400電話流程簡介 外呼系統電話怎么投訴 pageadm實現地圖標注 南通數據外呼系統推廣 外呼線穩定線路 邢臺縣地圖標注app 地圖標注位置能賺錢嗎 呼和浩特外呼電銷系統排名 阜陽企業外呼系統

音頻和視頻的編碼/解碼器是一組算法,用來對一段特定的音頻或視頻流進行編碼和解碼,以便音頻和視頻能夠播放。原始的媒體文件體積非常大,假如不對其進行編碼,那么構成一段視頻和音頻的數據可能會非常龐大,以至于在因特網上傳播需耗費無法忍受的時間。若沒有解碼器的話,接收方就不能把編碼過的數據重組為原始的媒體數據。編解碼器可以讀懂特定的容器格式,并且對其中的音頻軌道和視頻軌道解碼。
理解媒體元素
1、基本操作:聲明媒體元素

XML/HTML Code復制內容到剪貼板
  1. <audio controls src="Adele-Set Fire To The Rain.mp3">  
  2. 您所使用的瀏覽器不支持HTML5 audio   
  3. </audio>  

代碼中的controls 特性是告訴瀏覽器顯示通用的用戶控件,包括開始、停止、跳播以及音量控制。如果不指定controls屬性,用戶將無法播放頁面上的音頻。
2、使用source元素
最簡單的情況下,src屬性直接指向媒體文件就可以了,但是,萬一瀏覽器不支持相關容器或者編碼器呢?這就需要用到備用聲明了。備用聲明中可以包含多種來源,瀏覽器可以從這么多的來源中進行選擇:

XML/HTML Code復制內容到剪貼板
  1. <audio controls>  
  2. <source  src="Adele-Set Fire To The Rain.mp3" >  
  3. <source  src="Adele-Set Fire To The Rain.ogg" >  
  4. </audio>  

對于來源,瀏覽器會按照聲明順序判斷,如果支持的不止一種,那么瀏覽器會選擇支持的第一個來源。
3、媒體的控制
在audio元素或video元素中通過設置特性autoplay,不需要任何用戶交互,音頻或視頻文件就會在加載完成后自動播放。
常用的控制函數

函數 動作
load() 加載音頻/視頻文件,為播放做準備,通常情況下不必調用,除非是動態生成的元素。用來在播放前預加載。
play() 加載(有必要的話)并播放音頻/視頻文件。除非音頻/視頻已經暫停在其他位置了,否則默認從頭開始播放
pause() 暫停處于播放狀態的音頻/視頻文件
canPlayType(type) 測試video元素是否支持給定MIME類型的文件

只讀的媒體特性
只讀特性
duration 整個媒體文件的播放時長,以s為單位。如果無法獲取時長,則返回NaN。
paused 如果媒體文件當前被暫停,則返回true。如果還未開始播放,則返回false。
ended 如果媒體文件已經播放完畢,則返回true
startTime 返回最早的播放起始時間,一般是0.0,除非是緩沖過的媒體文件,并且一部分內容已經不在緩沖區
error 在發生了錯誤的情況下返回的錯誤代碼
currentSrc 以字符串形式返回當前正在播放或已加載的文件。對應于瀏覽器在source元素中選擇的文件。

可腳本控制的特性值
特性
autoplay 將媒體文件設置為創建后自動播放,或者查詢是否已設置為autoplay
loop 如果媒體文件播放完畢后能重新播放則返回true,或者將媒體文件設置為循環播放(或者不循環播放)
currentTime 以s為單位返回從開始播放到現在所用的時間。在播放過程中,設置currentTime來進行搜索,并定位到媒體文件的特定位置
controls 顯示或隱藏用戶控制界面,或者查詢用戶控制界面當前是否可見
volume 在0.0到1.0之間設置音頻音量的相對值,或者查詢當前音量的相對值。
muted 為音頻文件設置靜音或者消除靜音,或者漸層當前是否為靜音
autobuffer 通知播放器在媒體文件開始播放前,是否進行緩沖加載。如果媒體文件已經設置為autoplay,則忽略測特性。

3.1使用audio和video元素
HTML5 video元素同audio元素非常類似,只是比audio元素多了一些特性。
特性
poster 在視頻加載完成之前,代表視頻內容的圖片的URL地址,可以想象一下“電影海報”。該特性不僅可讀,而且可以修改,以便更換圖片
width、height 讀取或設置顯示尺寸。如果設置的寬度與視頻本身大小不匹配,可能導致居中顯示,上下或左右可能出現黑色條狀區域。
videoWidth、videoHeight 返回視頻固有的或自適應的寬度和高度。只讀video元素還有一個audio元素不支持的關鍵特性:可被HTML5 Canvas的函數調用。

提示:當canvas使用視頻作為繪制來源時,畫出來的只是當前播放的幀。

標簽:鶴崗 撫順 黃山 蚌埠 楊凌 德州 辛集 內蒙古

巨人網絡通訊聲明:本文標題《HTML5中的音頻和視頻媒體播放元素小結》,本文關鍵詞  HTML5,中的,音頻,和,視頻,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《HTML5中的音頻和視頻媒體播放元素小結》相關的同類信息!
  • 本頁收集關于HTML5中的音頻和視頻媒體播放元素小結的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 阿姨性教育| 亚洲人成小说| 主人…我是您的狗| 被老师摁着强进了好爽H漫画| 肉丝袜毛片A片丝袜美腿图片| 亚洲国产成人精品激情| 99精品众筹模特在线视频| 浪货三个人都满足不了你| 乳色吐息ova未删减版在线观看| 国产aⅴ一区二区三区| japanese性老师nurse| 国产欧美日韩在线播放| 99久久香蕉国产线看观香| doi是什么意思| 波多野结衣中文字幕一区二区三区| 国产欧美日韩| 茄子视频在线免费观看| 国产在线拍揄自揄拍无码福利 | 军人互摸jiji秘?隐私视频| pans顶流?重磅?泄密| 亚洲中文字幕无码久久2021| 激情啪啪大尺度呻吟| 周妍希大尺度一区二区xXx| 女人高清性色生活片| 国产伦精品一区二区三区妓女原神| 国产精品无码一区二区在线欢| 国产理论片在线观看| 精品一区二区三区精华液| 麻豆XNXX.COM| 国产日韩不卡免费精品视频| 再深点灬舒服灬太大添视频| 国产天堂亚洲精品| 91丨九色丨国产女??黑色jk| 最新福利片v国产片| 操你网| 噗呲噗呲太深了快点h视频| 南充市| 男朋友脱我内裤揉我下面视频| 97日日碰人人模人人澡| 日韩精品久久日日躁夜夜躁影视 | 国产精品高清尿久久AV|