2020-04-04

快速指派字幕位置

以前在下與阿豪已經有想過覺得影片如果有提供字幕可以讓聽障人士都可以知道內容
但製作字幕要使用的時間並不少,即使已經有文稿,字幕顯示的時間仍然需要人手處理
某晚,阿豪發送一則影片給我,讓我想一些新方法……


過去在下都編寫過製作字幕檔的文章 ASS 字幕格式
亦有字幕檔編輯器,例如自由開源的 Aegisub
但字幕時間仍然需要一邊觀看影片,一邊指派字幕的開始及結束時間

由於在下並非經常發放影片,亦不是經常處理影片後期製作,因此沒有刻意深入了解
阿豪發送了一則影片給我,了解內容後,在下與作者都同樣尋找過相關軟件或系統但找不到
由於在下覺得作者的操作有點複雜,因此改良部分設計

基本設計上與作者相同,只是在下認為技術上只需要使用 HTML5 及 Web API 便足夠,不需要 起動網頁伺服器node.js
因此在下借在下之前的 使用 JavaScript 互動載入檔案 的方法進行操作
由 HTML 的 Input File 互動載入檔案便可以 不需要修改原始檔不限制檔案存放位置













總結

這個專案並非使用很多深入技術,全部都只是使用基本 HTML5 及 Web API 技術,有基本邏輯及編程知識便可以自行製作
作者其實還將他的作品存放到 github ,但由於作者影片的說明已經非常清晰易明,因此在下都沒有拜訪他的專案便自行構思製作內容
而在下都將在下的作品放到 https://hkgoldenmra.bitbucket.io/html5-subtitle-timeline-marker
原始碼位置 https://bitbucket.org/hkgoldenmra/hkgoldenmra.bitbucket.io/src/master/html5-subtitle-timeline-marker
(若有改動請到 git host 查看, blog 未必會更新為最新版本)

其實最重要的不是技術,而是想法,再開放讓大家一同思考,便可以發揮更大作用,亦讓更多人受惠

參考資料

沒有留言 :

張貼留言