客服中心

網站的自動播放影片，必須將其調整為靜音、無聲，才可順利自動播放，若沒有加入相對應的設定，所嵌入的影片就會無法順利自動播放喔！

1. 進入影片選擇下方分享
2. 點擊嵌入
3. 設定影片(開始時間、影片高度寬度、播放控制)
4. 複製語法到編輯器
5. 編輯器開啟「原始碼」
6. 將其貼入即可成功

使用圖片壓縮工具，建議將檔案壓縮成較小的檔案再上傳。

圖片壓縮工具：https://imagecompressor.com/zh/

　請勿使用 Windows 對照片進行選轉轉正，因為此方式僅能在電腦上正常顯示，若要上傳到網站的主機伺服器上，此方式無法讓網站的主機判讀正常，也就是說「主機沒有辦法判斷在 Windows 的轉換與設定參數」，進而導致上傳後照片仍是錯誤的角度顯示，若要將照片進行旋轉，會建議使用「小畫家」或「Photoshop」對原圖進行調整，如此修正後的圖片才能正常顯示。

小畫家

1. 開始→ 附屬應用程式→ 小畫家
2. 將照片拖曳進入 或 檔案/開啟舊檔/選擇檔案
3. 功能列選擇「常用」
4. 常用功能中選擇「旋轉」
5. 依照照片狀況 向左/右旋轉
6. 完成後儲存檔案或另存新檔即可
    

Photopea (免費線上版Photoshop｜請點連結前往 https://www.photopea.com )

1. 將照片拖曳進入網站畫面中，或利用步驟開啟照片：
   File→ Open…→ 選擇要轉正的照片將其開啟
    
2. Image→ Transform→ Rotate90° 或 180° 
    
3. 旋轉後轉存導出即可完成，導出步驟：
   File→ Export as→ PNG 或 JPG

因為圖片原始尺寸過大，例：8,268像素x5,906像素(300dpi)，處理 webp 轉檔時發生錯誤，請將圖片尺寸縮小至建議尺寸。

可使用線上圖片優化器：imagecompressor

網站中加入的圖片，檔案與解析度通常不需要太大，只須設定為 72dpi 或 96dpi 就可以了，因為 dpi 愈高、圖片檔案大小就愈大、網站下載圖片與開啟速度就會愈慢！

降低 dpi 的方式可以用Photoshop 或 免費網頁版Ps：Photopea降低dpi

教學方式可參考連結

建議直接到手機設定中的相機，將模式更改為 JPG，避免照片使用 HEIF 格式 ( .heic )。

「開啟設定→ 選擇相機→ 選擇格式→ 選擇「最相容」→ 完成」

不能！

HEIC 檔無法不支援任何瀏覽器的檢視，無論是使用 Google Chrome、Microsoft Edge 或 Firefox 甚至是 Apple 自己的 Safari 都沒有辦法檢視，而且經過我們自己實測，就算是使用 Mac 電腦中的 Safari 開啟存放於網站中的 HEIC 檔，也同樣無法正常瀏覽。

當然不行！

　網頁設計公司所購買的圖庫，是圖庫授權給網頁設計公司使用的，網頁公司利用圖庫的這些圖片來將網站更加美化，而不是授權給網站企業端所使用！

　如果企業要使用圖庫的照片來做廣告文宣或其他延伸使用，就需要自行向圖庫購買版權才可以使用。

　另外，若為已編輯過的合成圖片檔，可以提供給企業用在網頁設計公司所製作的網站中，但是不可以用在其他地方，網頁設計公司也不會提供圖庫的原始圖片。

這麼做會讓網站流量過於龐大，尤其是需要不斷更新並上傳影片的平台；日積月累下來，不僅會導致網頁開啟速度變慢、維護網頁的成本增加，而且網站開啟速度與網頁瀏覽流暢度，也會影響使用者體驗和SEO自然搜尋排名。

使用 Vimeo 作為課程影片播放平台，在將影片嵌入之前，我們需要到 Vimeo 的後台先進行初步的設定，如下。

1. 進入 Vimeo 後台中
2. 選擇右上方的「New video (新視頻)」與「Upload (上傳)」上傳影音
3. 接著進入影片設定的畫面中
4. 選擇右側選單的「齒輪icon(setting)設置 」找到「Advanced Setting (高級設置)」並進入繼續進階設定。
5. 接著在左側找到「General (一般的)」下方的「Privacy (隱私)」
6. 將「Who can watch? (誰可以觀看)」設定為「Hide from Vimeo (隱藏Vimeo)」
7. 將「Where can this be embedded? (這個可以嵌入到哪裡呢)」設定為「Specific domains (特定網域)」，並填入自己的網站網址
8. 「Who can comment (誰可以評論)」設定為「No one (沒有人)」
9. 回到網站將影片嵌入即可

如果不希望嵌入的影片畫面上有標題、分享、喜歡，甚至是影片進度條、播放欄…等都不想顯示的話，那麼我們也可以選擇右方的 Player(玩家) 進行設定。

• Video details(視頻詳情)：
  可一鍵 Hide all 全部藏起來，也可單獨隱藏或顯示。
  內容有 Profile picture (個人資料圖片)、Title (標題)、Byline (署名) 和 Let user decide (讓用戶決定)。
   
• Actions (行動)：
  可一鍵 Hide all 全部藏起來，也可單獨隱藏或顯示。
  內容有 Like (喜歡)、Watch later (稍後觀看)、Share (分享) 和 Embed (嵌入)。
   
• Actions (播放欄)：
  可一鍵 Hide all 全部藏起來，也可單獨隱藏或顯示。
  內容有 Vimeo logo、Playbar (播放欄)、Volume (音量)、Speed controls (速度控制)、Picture-in-Picture (畫面控制) 或 Full screen (全螢幕)。

　或者如果有需要自行設定影片的 Primary color (區塊顏色)、Accent color (強調色)、Icon/text color (圖標/文字顏色)、Background color (背景色) 或custom logo (自訂Logo)，也可以在 Customization(客製化) 中自行調整。

➤ Step1：在「在想什麼」下方選擇「直播視訊」按鈕

➤ Step2：建立直播視訊 (分享對象須為「所有人」)

➤ Step3：完成檢查並開始直播

➤ Step4：直播中/ 結束直播

使用 Facebook 直播時，可能會發生視訊畫面全黑、畫面出不來的問題，並出現「你的瀏覽器不允許 Live Producer使用你的相機，請前往瀏覽器的設定並允許相機權限」的字眼，這個意思表示瀏覽器的設定沒有允許 FB 使用相機權限，我們要先去開啟才能繼續使用。

➤ Step1：設定瀏覽器隱私和安全性

➤ Step2：開啟攝影機、麥克風權限

在上傳影片之前我們會需要擁有一組Google 帳號才可以喔！

➤ Step 1 ：建立頻道

➤ Step 2 ：進入頻道選擇上傳

➤ Step 3 ：上傳影片

➤ Step 4 ：編輯影片資訊

➤ Step 5 ：編輯影片元素

➤ Step 6 ：影片檢查項目

➤ Step 7 ：設定影片瀏覽權限

➤ Step 8 ：分享影片

　若我們是第一次使用直播的功能，可能就沒有辦法立刻開啟並立即直播，需先開啟權限並等待時間(24小時後)才可以完成。

初次使用
➤ Step 1 ：進行直播　➤ Step 2 ：申請直播功能使用權　➤ Step 3 ：等待開啟

權限已開通
➤ Step 1 ：進行直播
➤ Step 2 ：允許設備權限
➤ Step 3 ：建立直播
➤ Step 4 ：串流預覽
➤ Step 5 ：開始直播
➤ Step 6 ：結束直播

• 某些主機雖然可以支援中文檔名的資料，但並不是所有的主機都有支援，因此若主機有進行轉移或移機的動作，在下載檔案並移動時就會出現錯誤、無法轉移。
   
• 某些主機雖然「現在」可以支援中文檔名的資料，但並不表示後續也會同樣的支援，有些主機在系統升級之後，原本可以支援的很可能會變得不可支援。
   
• 這些上傳到主機伺服器的中文檔名圖片，有可能會變成亂碼。
   
• 這些變成亂碼的檔案或圖片資料很有可能刪不掉、佔據主機空間。
   
• 有些瀏覽器可能會不支援，也就是說你現在雖然看到前台可以顯示畫面，但對於某些不支援該檔案或圖片的瀏覽器的使用者來說，是會顯示不正常、看不到正常資料的。（因 Big-5 與 UTF8 編碼不相容）

• 只建議使用小寫英文+數字，如book4880.jpg、newbook.jpg、4880.jpg
• 不建議使用大寫
• 不可使用其他語言，如中文、日文、韓文、義大利文、西班牙文、越南文…等都不可
• 不可使用空白字元及特殊符號，如book #@%^.jpg、 $bo ok(!!)#^?*.jpg
• 檔案名稱不可過長。
  這個長度是要加上http:// 前綴的，比如說你有一個檔名叫做「Pneumonoultramicroscopicsilicovolcanoconiosis」，若以圖片路徑顯示，這個完整的名稱就會是「https://www.tsg.com.tw/Upload/images/Pneumonoultramicroscopicsilicovolcanoconiosis」