整合營銷服務商

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

          免費咨詢熱線:

          音視頻格式轉換神器與html視頻元素加字幕-零基礎自學網頁制作

          視頻格式轉換神器——格式工廠

          如果您下載了上一篇《為HTML頁面添加音頻、視頻的方法——零基礎自學網頁制作》(目錄在結尾)中的素材,您會看到有這樣一個文件,如圖

          這就是格式工廠軟件的安裝程序

          建議大家在學習之前下載素材用以實踐,下載地址如下:https://pan.baidu.com/s/1reRWno0ibYRcYXjw4MClqw

          提取碼:td80

          因為格式工廠是免費軟件,所以大家直接安裝就可以了,不需要序列號,安裝過程如下:

          1.雙擊安裝程序

          2.選擇安裝盤符

          3.等待進度條跑完就好了。大家注意,安裝時一定要閱讀提示,一些沒必要的捆綁軟件記得不要安裝!

          完成安裝后,點擊"開始"菜單,如圖:

          這樣我們就可以打開格式工廠了,打開后如圖:

          通過這個菜單我們可知,這個軟件不僅可以為音頻、視頻轉換格式,還可以給圖片轉換格式。如圖:

          下面我們就來操作一下如何為視頻轉換格式。

          step1.點擊"視頻"

          點擊后是這樣的,點擊"AVI FLV MOVE"這個區域。

          效果如下,出現了一個新的菜單。

          step2.選擇要轉換的格式,如圖,我們先選擇ogg,點擊!

          點擊"確定"

          彈出這樣一個菜單:

          step3.選擇文件,如圖,點擊"添加文件"

          我們使用"利維坦.mp4"這個文件進行轉換,如圖:

          點擊"打開"后,跳到這個界面,如下圖,然后點擊確定。

          這時界面就跳回最初的界面上,如下圖,點擊開始,如紅框中。

          step4.等待轉換完成,如圖所示:

          然后點擊"輸出文件夾"按鈕找到轉換好的文件,如圖:

          這時,我們可以把這個轉換好的文件拷走。

          完成之后,大家可以按照上述步驟繼續轉換出swf、flv格式的視頻文件。

          轉換音頻和視頻的步驟類似,大家可以在音頻欄中進行選擇相應格式并操作。

          格式工廠除了音視頻格式轉換外,也具有簡單的圖片處理,視頻拼接,錄屏等功能,感興趣的小伙伴可以自行測試。

          HTML中兼容不同瀏覽器的音視頻元素寫法

          學過上一篇《》的小伙伴都會知道,目前音頻也好、視頻也好有非常多的格式存在,不同瀏覽器能支持的格式也不盡相同,就拿swf文件看,2019年以后版本的火狐瀏覽器就不再支持了(還可以通過一些特殊手段播放,這里指的是常規的html標簽用法)。而chrome(google瀏覽器)在使用<embed>標簽導入swf文件后就可以播放,示例代碼如下:

          <!DOCTYPE HTML>
            <html>
            <head> 
            <title>音視頻導入</title>
            <meta charset="utf-8">
            </head> 
            <body>
            <embed src="video/利維坦.swf" width="320" height="240" />
            </body> 
            </html>

          在chrome中可以打開。不過要用戶允許使用flashplayer才行,如圖:

          這時我們發現,在默認情況下,播放器控制面板并沒有出現。

          使用ie瀏覽器卻不能打開,因為針對swf文件,ie瀏覽器需要使用<object>標簽。示例代碼如下:

          <embed src="video/利維坦.swf" width="320" height="240" />
          <object data="video/利維坦.mp4" width="320" height="240"></object>

          如圖所示:沒有正常顯示的是<embed>標簽,打開的是<object>標簽,并且有控制器。如圖:

          實際上swf是個歷史遺留問題,<object>主要是針對ie瀏覽器來播放swf或其他需要flashplayer支持的視頻格式。<embed>的標簽則用來解決非ie瀏覽器中播放swf或其他需要flashplayer支持的視頻格式。

          而蘋果瀏覽器壓根就不支持swf這一類的文件。

          目前網絡視頻格式基本上都統一為MP4格式了,在html5標準中,<video>標簽頁取代了<object>和<embed>標簽來播放視頻,同時支持多種格式選擇的代碼模式,示例代碼如下:

          它的結構是<video></video>標簽中套入了多個<source/>標簽來指定不同格式的文件,同時并列套入一個<object></object>標簽,在<object></object>標簽中再套入一個<embed>標簽。這樣的寫法的目的是為了讓使用各種各樣的瀏覽器的用戶都可以打開視頻。這種寫法目前是html認為的最好的寫法。

          大家可以試一試,使用之前轉好的不同格式的視頻。

          大家回想一下,導入不同格式音頻的寫法也是這個樣子,示例代碼如下:

          <audio controls="controls"> 
            <source src="song.ogg" type="audio/ogg" /> 
            <source src="song.mp3" type="audio/mpeg" /> 
            Your browser does not support the audio element.<!--你的瀏覽器不支持這個音頻元素-->
          </audio>

          其他的兼容方法

          在w3school的說明中給出了一種包打一切的方法,說起來有點搞笑。

          視頻的話,w3school建議可以上傳優酷,然后使用這樣的代碼嵌入自己的頁面中,官方示例代碼如下:

          <embed src="http://player.youku.com/player.php/sid/XMzI2NTc4NTMy/v.swf" width="480" height="400" type="application/x-shockwave-flash"></embed>

          當然也可以使用我們之前在《》這篇教程中講到的優酷官方推薦的<iframe>標簽的寫法。

          音頻的話,可以調用免費的在線雅虎播放器來播放,官方示例代碼如下:

          首先使用一個<a>標簽,使用href屬性指定音頻文件的路徑。然后使用<script></script>標簽來啟東雅虎播放器的JavaScript程序來播放。這個<script>標簽以后在學習JavaScript時,我們會經常和它打交道,它的主要作用就是導入腳本。

          出于好奇我試了試,代碼如下:

          </video>
          <a href="audio/千年的祈禱.mp3">Play Sound</a>
          <script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>
          </body>

          大家注意,<script>標簽寫在</body>上面即可,也就是在頁面內容的最下面,不必非要和<a>標簽湊在一起。放在<head></head>中也可以!

          頁面效果如下:

          點擊"Play Sound"之后跳到這樣的界面:

          最后給大家介紹一個導入字幕的方法,示例代碼如下:

          <video width="320" height="240" controls="controls"> 
            <source src="forrest_gump.mp4" type="video/mp4" /> 
            <source src="forrest_gump.ogg" type="video/ogg" /> 
            <track kind="subtitles" src="subs_chi.srt" srclang="zh" label="Chinese"> 
            <track kind="subtitles" src="subs_eng.srt" srclang="en" label="English">
          </video>

          其中的<track>標簽就是導入字幕的標簽,是一個html5中出現的新標簽。屬性解釋如下:

          因為沒有配套的srt文件,因此這里就不演示了,大家了解一下,以后有機會再細致測試一下。

          HTML完整學習目錄

          HTML序章(學習目的、對象、基本概念)——零基礎自學網頁制作

          HTML是什么?——零基礎自學網頁制作

          第一個HTML頁面如何寫?——零基礎自學網頁制作

          HTML頁面中head標簽有啥用?——零基礎自學網頁制作

          初識meta標簽與SEO——零基礎自學網頁制作

          HTML中的元素使用方法1——零基礎自學網頁制作

          HTML中的元素使用方法2——零基礎自學網頁制作

          HTML元素中的屬性1——零基礎自學網頁制作

          HTML元素中的屬性2(路徑詳解)——零基礎自學網頁制作

          使用HTML添加表格1(基本元素)——零基礎自學網頁制作

          使用HTML添加表格2(表格頭部與腳部)——零基礎自學網頁制作

          使用HTML添加表格3(間距與顏色)——零基礎自學網頁制作

          使用HTML添加表格4(行顏色與表格嵌套)——零基礎自學網頁制作

          16進制顏色表示與RGB色彩模型——零基礎自學網頁制作

          HTML中的塊級元素與內聯元素——零基礎自學網頁制作

          初識HTML中的<div>塊元素——零基礎自學網頁制作

          在HTML頁面中嵌入其他頁面的方法——零基礎自學網頁制作

          封閉在家學網頁制作!為頁面嵌入PDF文件——零基礎自學網頁制作

          HTML表單元素初識1——零基礎自學網頁制作

          HTML表單元素初識2——零基礎自學網頁制作

          HTML表單3(下拉列表、多行文字輸入)——零基礎自學網頁制作

          HTML表單4(form的action、method屬性)——零基礎自學網頁制作

          HTML列表制作講解——零基礎自學網頁制作

          為HTML頁面添加視頻、音頻的方法——零基礎自學網頁制作

          音視頻格式轉換神器與html視頻元素加字幕——零基礎自學網頁制作

          HTML中使用<a>標簽實現文本內鏈接——零基礎自學網頁制作

          到瀏覽器雷鋒哥一直喜歡用原生版,然后自己安裝需要的擴展插件來增強功能,但是對于一些新手小白來說就比較麻煩了,要折騰安裝擴展和一堆相關的設置。

          所以小白可能會選擇基于 Chromium 開發的其它瀏覽器,如百分瀏覽器、企鵝瀏覽器、數字瀏覽器、某狗瀏覽器之類的。

          最近有小伙伴給雷鋒哥推薦了一款新的基于 Chromium 瀏覽器,主要特性是內置了非常實用的人性化功能:個性化工具欄、側欄快捷管理、特色新標簽頁、賬號登錄、小窗觀看視頻、AI字幕等等……

          小白瀏覽器體驗

          雖然是基于 Chromium 瀏覽器,但是在界面上進行了重新設計,采用磨砂透明效果還是蠻好看的。

          如果你的電腦上已經安裝了 Chrome 瀏覽器,默認會自動幫你導入書簽到「小白瀏覽器」里面,也算一個貼心的設定吧。當然你也可以手動導入其它瀏覽器的書簽,例如火狐、IE、Edge、HTML 文件。

          啟動頁常用的網站圖標也可以進行自定義修改,內置的圖標管理包含了常見的網站,可以說是一個網址導航了。

          啟動頁的背景采用動態壁紙,你可以進行個性化設置,例如更換背景、動態背景的相關設置等。

          在啟動頁雙擊鼠標可以進入沉浸無縫模式,雖然沒啥用,酷就完事了。重新雙擊鼠標可以切換回來。

          當你打開太多標簽頁時,提供了一個標簽頁管理界面,可以一目了然的看到所有標簽頁。

          特色功能方面,內置了無障礙助手,就是視頻通過 AI 來自動加字幕,支持中、英、日、韓,以后看學習資料就不怕看不懂了。這個功能需要注冊賬號,登錄后才能使用。

          截圖功能,選擇區域后,會出現一個類似于 QQ 截圖那樣的工具欄,支持標注、以及錄制動畫 GIF 圖。

          錄制完畢的 GIF 動圖你可以進行編輯,功能支持調整幀的播放速度,添加文字和標注等,還是很方便的。

          瀏覽器自帶的下載功能一直很弱,在「小白瀏覽器」里面采用了單獨的下載管理器,對下載的文件類型歸類,下載方式支持三種模式,分別是高速下載、常規下載、迅雷下載。

          需要說明的是,雖然支持迅雷內核下載方式,但是不能支持 BT、磁鏈等下載協議。

          瀏覽器內置了分屏功能,其實在 Windows 10 也可以對窗口進行分屏,但是瀏覽器的窗口會浪費掉屏幕空間。直接把兩個網站在瀏覽器內分屏,可以多利用些空間。

          分屏可以自由添加多個分屏窗口,可以自由拖動窗口大小。這樣你可以一邊碼字,一邊查看其它網站內容,提高效率。

          眾所周知 Chrome 的擴展商店無法正常打開,所以「小白瀏覽器」內置了自家的一個擴展商店,數量沒有谷歌商店那么多,但是基本都是常用、熱門的擴展。

          因為 Chrome 同步比較麻煩,這也是一些用戶放棄它的原因。在「小白瀏覽器」注冊賬號可以支持同步功能,例如同步書簽、擴展插件等。

          功能設置方面也比 Chrome 要強大不少,例如鼠標手勢設置、超級拖拽等,都是一些人性化功能,這里就不多介紹了,大家自己研究。

          總結

          算得上一款蠻有特色的 Chromium 核心瀏覽器了,雖然不少功能都可以通過擴展插件來實現,不過無縫整合到瀏覽器里面,給新手用戶一個不錯的使用體驗,如開頭所說的,不用折騰,直接用就完事。

          另外「小白瀏覽器」目前內核是 Chromium 80 版本,在對比 Chrome 88 版本后,打開網頁渲染速度還是要差點,希望后面官方也能升級瀏覽器到 88 內核版本。

          大家推薦一款超好用的跨平臺字幕軟件,ArcTime Pro for Mac可以用來創建和編輯時間軸,字幕塊綁定,進行文本編輯、翻譯等,另外arttime字幕軟件支持SRT、ASS等外掛字幕格式,在視頻中添加字幕變得更加便捷,如果你正在尋找一款字幕創作軟件,那么arctime pro mac版將會是個不錯的選擇!

          ArcTime Pro for Mac官方介紹

          Arctime是一款全新概念的跨平臺字幕制作軟件,可以運行在Mac、 Windows、 Linux系統上。獨創字幕塊和多軌道概念,在時間線上拖動鼠標、調整字幕塊即可輕松完成字幕創建工作。

          Arctime支持導入SRT、ASS、LRC等常用格式字幕,可導出多種常用字幕格式,并且可以導出適用于FCP7、FCPX、PR、Edius、AVID、達芬奇的軟字幕格式。另外,ArcTime還支持將視頻片段輸岀為GIF動圖、批量截圖以及多張截圖拼接的功能,可大大加速碎片化內容的生產效率。

          最新的自動斷句和語音識別功能配合,可以快速將音頻轉換(聽寫)為文本,大大減少打字時間,提高字幕的制作效率,是影視工作者、自媒體人、在線教育從業者的一大利器。面向譯者,Arctime還提供了強大的翻譯輔助模塊,以及批量機器翻譯功能,可以迅速完成語言的轉換,只需少量人工校對即可交付。

          如需交付視頻,僅需從菜單中選擇“視頻轉碼”,即可輕松完成字幕壓制工作。支持輸出標準MP4、HEVC/H.265編碼的MP4。Pro版可輸出ProRes、DNxHD等專業格式。還可導出內嵌CC的MP4視頻、帶有透明通道的純字幕MOV等。

          https://mac.orsoon.com/Mac/178690.html

          arctime pro mac版功能特點

          簡單、強大、高效的跨平臺字幕制作軟件

          Arctime Pro是一個全新理念的可視化字幕創作軟件,可以大大提高字幕制作效率

          借助精準的音頻波形圖,可以快速準確的創建和編輯時間軸

          語音識別、自動打軸可大大降低工作量,機器翻譯可以快速進行語言轉換

          支持導出多種字幕格式,并可以將結果輸出到各種剪輯軟件

          如需交付視頻,通過壓制功能即可輕松完成字幕壓制工作

          導入素材

          支持所有常用音視頻格式

          導入文本支持所有編碼

          制作字幕

          AI加持,輕松省力

          全自動語音識別、自動打軸

          手動可拖拽、按鍵拍打

          精確的波形圖參考

          輸出

          支持SRT、ASS等外掛字幕

          一鍵壓制視頻,支持水印

          可導出到非編軟件

          可以運行在Mac、Windows、Linux上

          工程文件跨平臺通用,輕松應對多人協作

          無縫支持所有主流非編軟件

          讓做字幕變成一種享受

          arttime字幕軟件使用指南

          最基本操作:

          鼠標按住字幕塊可左右移動,按住字幕塊左右邊緣,可以調節開始時間和結束時間

          雙擊字幕塊可編輯文字,編輯完成后,按回車或Esc鍵提交

          按Ctrl/Cmd+S保存,然后播放,即可在視頻中預覽字幕效果

          工具:

          選擇工具:默認工具,用于所有常規操作

          綁定工具:將一個字幕塊綁定到另一個字幕塊的工具

          切割工具:將一個字幕塊切割為2個字幕塊,以播放頭為時間切分點

          拖拽創建工具:在時間軸拖拽選區后直接按照選區寬度創建一個句子,或者進行JK鍵拍打

          文字交換工具:從一個字幕塊拖拽一條線到另一個字幕塊,即可交換兩者文本內容


          主站蜘蛛池模板: 无码人妻精品一区二区在线视频| 国产精品视频一区二区三区| 2021国产精品视频一区| 国产一区二区不卡在线播放| 亚洲av永久无码一区二区三区| 国产亚洲3p无码一区二区| 一区二区国产在线播放| 日本精品夜色视频一区二区| 午夜视频在线观看一区二区| 亚洲综合一区无码精品| 亚洲欧洲日韩国产一区二区三区| 久久久久人妻精品一区蜜桃 | 精品一区二区三区四区在线播放 | 中文字幕一区二区免费 | 日韩美女视频一区| 毛片一区二区三区无码| 亚洲日韩精品国产一区二区三区 | 一区二区三区四区精品| 亚洲一区综合在线播放| 国精产品一区一区三区| 亚洲色精品aⅴ一区区三区| 人妻少妇精品一区二区三区| 日韩精品无码视频一区二区蜜桃 | 国产亚洲一区区二区在线| 中文字幕精品一区| 人妻体内射精一区二区三区 | 国产午夜精品一区二区三区| 国产主播一区二区| 精品国产伦一区二区三区在线观看| 亚洲一区二区三区久久| 亚洲国产欧美日韩精品一区二区三区| 中文字幕人妻AV一区二区| 国产精品一区二区久久沈樵| 色一情一乱一伦一区二区三区| 亚洲国产一区明星换脸| 蜜桃传媒视频麻豆第一区| 国产主播在线一区| 亚洲AV无码一区二三区| 人妻无码视频一区二区三区| 无码夜色一区二区三区| 午夜无码一区二区三区在线观看 |