整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML標簽播放MP4視頻


          音頻是網頁承載內容很重要的一個元素,也是必不可少的網頁表現形式(圖、文、表、視、音)之一。缺少聲音的網站,就如同人不能說話一樣。曾經網頁要想播放音頻,必須得用第三方插件flash。隨著html5標準逐漸普及,如今幾乎所有的瀏覽器都使用html5來播放音頻。

          目標

          1. 如何設置音頻播放?
          2. 支持哪幾種音頻格式?

          音頻播放標簽--audio

          作用是在 HTML 頁面中嵌入音頻元素,來播放聲音文件或者音頻流。

          網頁版的音樂播放器

          audio標簽的屬性

          src 音頻的播放源(必須)

          controls 瀏覽器自帶的控制條(必須)

          autoplay 自動播放

          loop 循環播放

          preload 預加載

          音頻代碼

          每一種瀏覽器自帶的音頻播放控制器都不一樣,但功能都一樣。網上看到的播放器,大多數都是改過它的樣式。

          瀏覽器自帶的音頻控制條

          支持多個格式--source標簽

          <audio> 元素支持三種視頻格式: MP4, WebM, 和 Ogg。

          如果不確定音頻格式是哪個格式,可以使用source標簽。<source> 元素可以鏈接不同格式的視頻文件,瀏覽器將使用第一個可識別的格式。

          支持多種格式

          總結

          audio總結

          import os
          from IPython.display import display, Image,Video,HTML
          names = [f for f in os.listdir('../images/ml_demonstrations/') if f.endswith('.png')]
          for name in names[:5]:
              print(name)
              display(Video(name, width=500, height=200))
          #     html = f'''
          #         <video width="800" height="400" controls autoplay loop>
          #           <source type="video/mp4" src="{name}">
          #               Your browser does not support the video tag.
          #         </video>
          #       '''
          #     HTML(html)

          TML5中的video標簽播放MP4,只有聲音沒有圖像

          <video id="myv" width="600" height="400" src="video.mp4" ></video>

          mp4的視頻編碼有三種:MPEG4(DivX)、MPEG4(Xvid)、AVC(H264),

          在格式工廠中,把視頻文件轉換成AVC(H264)編碼,就能正常播放。

          當前,video 元素支持三種視頻格式:

          Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件

          MPEG4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件

          WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件


          上一篇:HTML5 的常見用法
          下一篇:JSP 自定義標簽
          主站蜘蛛池模板: 夜夜嗨AV一区二区三区| 一区二区三区免费视频播放器 | 无码AV一区二区三区无码| 久久精品无码一区二区三区日韩 | jizz免费一区二区三区| 亚洲一区二区观看播放| 麻豆一区二区在我观看| 亚洲一区二区三区偷拍女厕 | 一区二区三区精品高清视频免费在线播放| 亚洲一区二区三区在线观看精品中文| 精品一区二区三区四区电影| 伊人久久精品无码麻豆一区| 精品国产一区二区三区在线| 久久人妻无码一区二区| 无码中文字幕乱码一区| 在线播放国产一区二区三区 | 冲田杏梨AV一区二区三区| 精品一区二区三区四区在线播放 | 久久国产精品免费一区二区三区| 国模视频一区二区| 亚洲欧美国产国产综合一区 | 亚洲中文字幕无码一区二区三区 | 国产亚洲无线码一区二区| 日韩亚洲一区二区三区| 一区二区视频传媒有限公司| 亚洲中文字幕无码一区二区三区| 亚洲熟妇av一区二区三区漫画| 香蕉视频一区二区三区| 国产激情з∠视频一区二区| 久久se精品动漫一区二区三区| 人妻无码第一区二区三区| 亚洲香蕉久久一区二区| 香蕉久久ac一区二区三区| 色欲AV无码一区二区三区| 国产91精品一区二区麻豆亚洲| 日韩人妻无码一区二区三区久久99 | 精品一区二区三区AV天堂| 精品一区二区三区免费观看| 日本高清不卡一区| 中文字幕精品一区影音先锋| 无码一区二区波多野结衣播放搜索|