整合營銷服務商

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

          免費咨詢熱線:

          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一区中文字幕天堂| 一区二区三区免费电影| 日本精品3d动漫一区二区| 国产对白精品刺激一区二区| 亚洲狠狠久久综合一区77777 | 国产一区二区在线|播放| 久久精品一区二区三区AV| 激情一区二区三区| 国产福利视频一区二区| 岛国无码av不卡一区二区| 亚洲片一区二区三区| 亚洲av片一区二区三区| 成人在线视频一区| 亚洲A∨精品一区二区三区| 麻豆视传媒一区二区三区| 国产精品538一区二区在线| 国产伦精品一区二区三区免.费 | 精品人伦一区二区三区潘金莲| 亚洲AV日韩AV天堂一区二区三区| 国产在线精品一区二区不卡| 亚洲av无码一区二区三区不卡| 日本一区二区在线| 蜜臀AV一区二区| 中文乱码人妻系列一区二区| 人妻视频一区二区三区免费| 亚洲精品日韩一区二区小说| 成人区人妻精品一区二区不卡| 国产成人高清亚洲一区91| 搜日本一区二区三区免费高清视频| 国产精品一区在线观看你懂的| 91精品一区国产高清在线|