提升媒體效能與用戶體驗:AEM Dynamic Media 整合於大學網站

提升媒體效能與用戶體驗:AEM Dynamic Media 整合於大學網站

客戶介紹
該大學管理多個網站,這些網站是與學生、教職員工以及更廣泛的社群進行交流、獲取資源和互動的重要平台。隨著數位內容消費的不斷增長,學校意識到迫切需要一個強大、高效且高性能的媒體管理解決方案。為了提升所有數位資產的媒體傳遞效果,學校尋求一種可擴展且具備未來適應性的方案。

解決方案: AEM as a Cloud Service, AEM Dynamic Media

概述

Leadstec 在該大學的 AEM Cloud Service (AEMaaCS) 上實施了 Adobe Experience Manager (AEM) Dynamic Media。此整合強化了媒體處理、優化了資產傳遞,並引入了自適應顯示功能,大幅提升網站效能。Leadstec 配置了自動媒體同步、智慧裁剪技術以及優化的影片串流,實現更快的載入時間與更流暢的多媒體體驗。

挑戰

在實施 AEM Dynamic Media 之前,該大學面臨多項關鍵挑戰,影響了其數位平台的效能與效率:

  • 載入速度緩慢:媒體密集型頁面導致渲染延遲嚴重。
  • 適應性有限:圖片和影片缺乏針對不同螢幕尺寸的自適應調整。
  • 影片串流效率低:由於採用靜態媒體傳遞方式,使用者經常遇到緩衝問題。
  • 資產管理複雜:該大學需要更具擴展性且自動化的媒體資產同步解決方案。

我們的解決方案

  1. Dynamic Media 配置
    • 在 AEM 中配置 Dynamic Media,以提升媒體傳遞效率與響應速度。
    • 啟用自適應圖片調整與智慧裁剪技術,提供更個人化的用戶體驗。
      Dynamic Media 配置 1
    • 將 Dynamic Media 與 AEM 的 CDN 整合,優化資產傳遞並加速媒體載入。
      Dynamic Media 配置 2
  2. 強化媒體組件
    • 更新 AEM 組件,如圖片輪播、影片庫和橫幅,充分利用 Dynamic Media 功能。
    • 整合全景圖片和 360° 影片,創造身臨其境的媒體體驗。
      強化媒體組件 1
    • 提供組件內設定,允許選擇性啟用 Dynamic Media 功能。
      強化媒體組件 2
  3. 媒體資產遷移與同步
    • 將所有現有的媒體資產從 AEM 的 DAM 遷移至 Dynamic Media Cloud。
    • 實施自動化同步工作流程,確保新上傳的資產能即時複製至 Dynamic Media。
      媒體資產遷移與同步
  4. 優化影片串流
    • 引入基於區段的影片傳遞,減少帶寬消耗和緩衝時間。
    • 根據使用者設備和網絡狀況啟用自適應影片質量調整。
    • 只加載必要的影片區段,確保流暢的影片播放體驗。
      優化影片串流

結果

在實施 AEM Dynamic Media 之後,該大學的網站在效能、可用性和資產管理方面經歷了顯著的改善:

  • 圖片載入時間縮短了 97%,從 2.18 秒降至 60 毫秒,帶來更快且更具吸引力的用戶體驗。
    效能
  • 自適應媒體縮放,確保在桌面、平板和手機設備上優化視覺效果。
    可用性
  • 改善影片串流,通過基於區段的傳遞減少緩衝時間並提升播放質量。
    資產管理
  • 自動化媒體同步,消除手動操作,簡化內容管理。

結論

透過整合 Adobe AEM Dynamic Media,該大學成功轉型其媒體管理策略,實現了更優越的載入速度、更佳的響應性及更具動態性的數位體驗。本專案為可擴展、自適應且高效的媒體解決方案奠定了基礎,將提升大學平台上的數位互動。

類似案例

× WeChat QR Code

Scan this QR code to add us on WeChat

× Line QR Code

Scan this QR code to add us on Line