回覆列表
  • 1 # 專業H5案例分享

    影片製作尺寸

    手機螢幕尺寸型號如此繁多,如何確保一致的使用者體驗,尺寸控制是一個關鍵因素。現在提供了兩種尺寸供大家參考,可以根據實際需要二選一。

    尺寸2:製作符合畫布(外框)大小的影片,即844*1496px(這是畫布尺寸,注意內容儘量放在安全內框)

    影片格式標準

    前期需要製作影片,沒有影片素材的派友也可以下載本次案例的影片體驗一把。在製作時候要注意,影片的清晰度會受到編碼頻率,格式,幀速率(每秒多少幀),位元率,影片的體積,畫質,影片的尺寸等因素的影響,這裡就不講解太多了,主要是針對我們編輯器上傳本地影片來說明一下。

    這裡是影片製作軟體AE的設定引數,需要注意的幾點:

    影片格式:MP4

    影片編碼:H.264(AAC音訊)

    影片尺寸:750*1200(官方建議)或740*1136

    幀速率:25幀

    畫質:8

    影片體積:20MB左右

    位元率編碼:VBR,2次

    影片在AE裡的佈局壓縮影片

    一定要對影片進行壓縮處理,建議使用格式工廠,根據經驗,建議整個影片不超過50M。

    請使用編碼為H.264壓縮標準的MP4,且檔案應該壓縮後上傳,這也是為了同時相容各手機平臺、各種桌面瀏覽器播放影片的需要,以下是常用影片壓縮工具格式工廠的截圖。

    注意:不建議使用AVI/WMV等其他影片格式

    注意事項

    (1)其中編碼和格式是固定的H.264 MP4(AAC音訊),其餘的引數值都不是固定的,只是提供一個大概範圍,具體的是可以根據你的實際場景進行小的調整。

    (2)在其他引數值一樣的情況下,幀速率越大,畫質越高,尺寸越大越清晰,相對的體積也會越大

    6.影片在意派Epub360編輯器裡的佈局

    在不同機型中的適配情況如圖影片預處理

    針對之前影片類H5經常出現影片無法播放的問題,Epub360做出進一步最佳化,現將所有使用者上傳到Epub360素材庫的影片進行預處理。影片上傳素材庫成功後,編輯器做影片預處理,需一定時長,待處理完畢後,才可以插入到編輯器當中。

    元件用法

    基本用法

    1.播放設定

    (2)彈出影片素材視窗,上傳或選擇要新增的影片

    (3)影片拉伸成內框的尺寸

    2.如何做好影片播放前後的過渡銜接

    (1)播放前過渡

    當影片很大,載入需要很長時間時,點選播放可能出現“閃屏”的現象。可以用偽影片封面的方法,當影片開始播放的時候隱藏偽影片封面圖,就可以很大程度上避免這個問題,透過影片設定封面選項,預設用影片首頁截圖作為影片封面圖,點選小預覽圖可以替換影片封面。

    (2)播放完過渡

    影片播放結束後一般是跳轉到宣傳公司或是活動資訊的頁面上,這裡我們需要在設定影片結束播放後跳轉頁面,切換效果選擇【無】,下一頁背景圖最好是影片的最後一幀,這樣就可以實現無縫跳轉了。

    3.補充:如何區分蘋果安卓系統

    (2)勾選顯示播放控制條,會在影片播放的時候顯示,如圖:

    5.影片在指定區域內播放

    如果希望影片在指定的區域播放,針對安卓系統特殊說明一下:《小尺寸影片在安卓機指定區域內播放說明》

    5在電腦端可以實現開啟後自動播放,全屏播放,只需勾選下圖中的:

  • 中秋節和大豐收的關聯?
  • 王者榮耀黑桃隊長被入手1億次,玩家稱刷碎片bug是故意放出,銷量被質疑,如何評價?