音頻是網頁承載內容很重要的一個元素,也是必不可少的網頁表現形式(圖、文、表、視、音)之一。缺少聲音的網站,就如同人不能說話一樣。曾經網頁要想播放音頻,必須得用第三方插件flash。隨著html5標準逐漸普及,如今幾乎所有的瀏覽器都使用html5來播放音頻。
目標
作用是在 HTML 頁面中嵌入音頻元素,來播放聲音文件或者音頻流。
網頁版的音樂播放器
src 音頻的播放源(必須)
controls 瀏覽器自帶的控制條(必須)
autoplay 自動播放
loop 循環播放
preload 預加載
音頻代碼
每一種瀏覽器自帶的音頻播放控制器都不一樣,但功能都一樣。網上看到的播放器,大多數都是改過它的樣式。
瀏覽器自帶的音頻控制條
<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 文件
*請認真填寫需求信息,我們會在24小時內與您取得聯系。