整合營銷服務商

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

          免費咨詢熱線:

          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 自定義標簽
          主站蜘蛛池模板: 亚洲毛片αv无线播放一区| 视频在线一区二区三区| 国产精品伦子一区二区三区 | 全国精品一区二区在线观看| 最新中文字幕一区| 成人精品视频一区二区| 国产日产久久高清欧美一区| 无码一区二区三区爆白浆| 免费无码A片一区二三区| 福利在线一区二区| 99久久人妻精品免费一区| 亚洲AV无码一区二区三区性色| 亚洲综合无码一区二区痴汉| 国产福利一区二区精品秒拍| 亚洲一区二区三区免费| 国产一区二区在线看| 日韩精品一区在线| 国产av一区二区三区日韩| 一区二区三区无码被窝影院| 国产午夜一区二区在线观看| 国产精品区一区二区三在线播放| 一区二区三区在线观看视频| 亚洲日本一区二区三区| 日韩精品国产一区| 亚洲一区动漫卡通在线播放| 日韩熟女精品一区二区三区| 无码av免费毛片一区二区| 亚洲一区二区三区无码影院| 国产精品一区不卡| 日本无卡码一区二区三区| 久久亚洲国产精品一区二区| 男人的天堂精品国产一区| 无码一区二区三区爆白浆| 亚洲AV日韩AV天堂一区二区三区 | 在线视频精品一区| 日韩好片一区二区在线看| 中文字幕AV一区中文字幕天堂| 一区二区三区波多野结衣| 日韩一区二区三区免费体验| 久久中文字幕无码一区二区| 97久久精品无码一区二区天美|