跳至主要內容

SlideShow產品說明

Support EastSpider avatar
作者:Support EastSpider
一週前已更新

Slideshow 組件是社群通平台首頁的核心功能之一,專為多媒體展示場景精心打造。用戶可通過靈活組合圖片與視頻資源,輕鬆創造出極具吸引力的展示內容;本文將說明使用過程中遇到各項規範與常用的解決方案,助力您高效發揮該組件的功能。

一、核心功能詳解

(一)媒體支持

1. 視頻規範

為確保視頻能夠正常播放,其格式、大小及編碼需遵循本產品的技術標準。

  • 格式:僅 MP4 格式;

  • 大小:建議文件大小控制在 2 - 3MB,最大不超過10MB;

  • 編碼格式:需采用 AVC(H264);

若視頻格式或編碼存在問題,建議使用格式工廠等專業軟件進行格式轉換;如需協助,可聯系雲客服,安排專業人員為您處理(該服務將收取一定的運營點數)。

2.圖片規範:

  • 格式:支持 gif、jpg、png、jpeg 格式;

  • 大小:建議文件大小控制在 2 - 3MB,最大不超過10MB;

  • 尺寸:建議圖片長最大不超過2000px,高不超過1500px。無論上傳圖片的長寬比例如何,本組件具有圖片裁切功能,可裁切至合適尺寸。

3. 媒體組合:支持圖片與視頻交叉展示,用戶可根據展示主題和風格,自由排列組合不同媒體元素顯示順序,充分展現多樣化的展示內容。

4. PC端與移動端(M端)的Slideshow設置互相獨立,用戶需分別針對兩個終端進行個性化配置,以適配不同設備上的展示需求。

(二)播放設置

1.視頻自動加載及播放

大部分瀏覽器環境中,視頻均實現自動播放;但在 Android安卓手機微信瀏覽器內,因其平台相關規定及限制,視頻無法自動播放,需用戶手動點擊播放按鈕。

具體原因細則請查看微信開發社區的官方公告:《Android微信内网页音频自动播放能力调整》

2.Slideshow自動輪播:

開啟「Slideshow」自動輪播功能後,若需展示的內容包含視頻,建議將輪播速度設置為大於視頻的播放時長。否則,視頻將尚未播放完畢便會自動切換至下一展示元素,影響觀看體驗。

(三)展示樣式

1. 基礎模式

提供居中、通欄、全屏三種展示模式,適用於不同場景需求,可根據實際展示場景靈活選擇,確保展示效果;

2.Slideshow 「延伸至頂部」

在全屏模式下,支持將圖片或視頻層疊顯示於導航條、Logo區、頂部條的下層位置,此功能在PC端和M端均適用,方便用戶基於站點風格與需求進行個性化調整。

3. 遮罩設置

通過遮罩設置,可有效增強頂層文字與圖片、視頻背景之間的對比度,使文字內容更加清晰易讀,提升信息傳達效果。

4.自定義按鈕:

支持自定義按鈕設置,用戶可根據使用需要對按鈕樣式、顏色、大小、鏈接等進行個性化設置。(上圖所示)

二、常見問題處理

  1. 網速加載慢

    若出現內容加載延遲問題,建議首先檢查網絡連接是否穩定,嘗試切換網絡環境(如從 Wi-Fi 切換至移動數據),以便排查網絡因素對加載速度的影響。

  2. 視頻過大

    若內容無法加載,需先確認媒體文件是否符合格式與大小要求,並嘗試重新上傳。本產品對視頻格式、大小及編碼有著嚴格要求,不符合規範的視頻將無法正常上傳與播放。受技術條件限制,部分特殊編碼格式暫不支持,請您在使用前務必完成格式轉換工作。

  3. 視頻不自動播放:

    若視頻未按預期自動播放,除上述微信瀏覽器限制原因外,可檢查播放設置是否正確配置,或者編碼格式,尺寸是否符合規範。若問題仍未解決,請聯系雲客服,我們將協助您排查原因。

三、其他相關指引

  1. 如需了解 Slideshow內視頻上傳的詳細操作步驟,請點擊查看 獲取更多信息。

  2. 關於 圖片Slideshow專題介紹,請點擊查看 獲取更多信息。

是否回答了您的問題?