Video.js – 基本播放以及字幕

水平居中、高度固定的播放器

以下為完成意義圖

字幕

要讓影片加上字幕只須加上 <track> 即可,例如這樣

不過還需要注意字幕格式

原始的字幕

這個字幕是不能直接使用,必須做以下修改

  • 開頭加上 WEBVTT
  • 將時間小數點的逗號改為小數點

自訂字幕格式

設定靠左對齊、黃色字

CSS

FFmpeg 將字幕檔和影片合併

FFmpeg 將影片合併字幕檔

或使用 ass filter 指定 ass 字幕

預設的字型因為原本是簡體字字幕對於正體字顯示效果不佳,所以需要調整設定

ass 字幕

設定關閉粗體、20 大小、標楷體字型

Docker – 網址轉 Port

使用 Docker 在一台主機上執行多 HTTP Service,因為需要 Port 對外,如果看不懂網路其他的設定不妨參考 Hoyo 的思路

Hoyo 的作法是使用一台 Docker container 安裝 Nginx 來提供 Proxy Pass 功能,將網址直接轉到 container。

此方法的好處是,新增子 HTTP Service 只須 docker run 不需要設定其他網路設定,對於 Nginx 只需要新增 conf 重新啟動 nginx service 後即可啟用,也不需要變更 container

Nginx container

Nginx 的主機選擇的是 Debian Linux ,所以須先 pull 一個 debian 環境,在此使用的是 debian:9 ,然後是安裝 nginx

 

子 HTTP Service container

實際提供 HTTP 服務的容器,使用的也是 Debian:9 ,然後安裝的是 Apache 2.4 藉以和 Proxy Pass 區隔,當然使用 Nginx 也可以

子 WWW 啟動

子 WWW 啟動不需要啟動 port 對應

查詢 contriner IP address

 

使用 Nginx 將多 container WWW 服務轉到網址

vi /etc/nginx/sites-available/www1

將需要啟動的網站連結到 sites-enabled

重新啟動 Nginx

使用 wkhtmltopdf 將 HTML 轉成 PDF

使用 wkhtmltopdf 相對 TCPDF 來說可大幅簡化 PDF 的轉換工作

CentOS 6 安裝

CentOS 7 安裝

 安裝中文字型及顯示

Hoyo 發生的情況是因為要產生 PDF 的 HTML,所以沒有給完整的結構,因此就少了編碼宣告才發生亂碼

如果是系統沒有中文字型請參考以下步驟

開始使用

以下是一個實際案例,此為從 Word 設計後轉貼到網頁編輯器 TinyMCE 上,然後再經過 PHP 套版最後的結果

原來使用 TCPDF 的結果,因為 TCPDF 有中文避頭尾功能,所以整體編排結果和網頁顯示不一,如果花時間調整應該也可以得到滿意的結果,不過 Hoyo 就先放棄了

設定其他字型 (楷體、黑體)

安裝完字型後,使用 fc-list 指令列出安裝完成字型

將列出的首個關鍵字設定為 HTML 的字型名稱,例如楷體必須設定為「楷体」,不是網路上說的 KaiTi 也不是楷體,更不是標楷體

HTML

頁首、頁尾及大綱

 

紙本版面排版問題

 

Vigor2920Vn 使用心得備註

 

Content Security Management (CSM) – URL Content Filter Profile

Hoyo 的結論

  • 只支援 HTTP 網址,不支援 HTTPS 
  • 使用 Hex 過濾內容關鍵字方式還需要再測試,因為 Vigor 不支援,只能轉換成 URL encode ,初次嘗試失敗收場
  • 雖然如此 Vigor2920 + iPad 的組合還是可以成功阻隔網頁及 APP 廣告

Vigor2920Vn 變成 Vigor2920V

Hoyo 的 2920Vn 除了要當作 WiFi AP 外還要負責 Server 的防火牆,前陣子開始 WiFi 當機,加散熱片加風扇以及設定半夜重新開機皆沒用,最近還會整台當機。

所以決定將無線網路模組拆除,如此 Vigor 2920Vn 就會覺得自己變成了 Vigor 2920V 了,管理介面的 WiFi 功能也會消失

驗明正身 Vigor2920Vn

移除無線網卡

後台介面顯示 Modal