HopeVideoJS

HOPEVIDEO JS — PLAYER DEMO

Dubbing / Audio Tracks

Configure multiple language tracks for any video. Works with both MP4 and HLS (m3u8) sources — the player shows a language switcher in the control bar that preserves the current playback position when switching between dubs.

Configuration

Dublaj Kaynakları

#1Varsayılan
#2

HLS Manifest Sesi

HLS manifest dosyanızda EXT-X-MEDIA:TYPE=AUDIO grupları varsa Video.js bunları otomatik okur — kontrol çubuğundaki audioTrackButton zaten aktiftir, ek yapılandırma gerekmez.

Yukarıdaki dubbing seçeneği ise manifest içi ses track'leri yerine ayrı kaynak dosyaları arasında geçiş yapmak için kullanılır (MP4 ya da ayrı m3u8 stream'leri).

Kontrol çubuğundaki Ses / Dil butonuna tıklayarak dil değiştirin. Seçim yapıldığında mevcut oynatma pozisyonu korunur.

How It Works

Ayrı Dosya Bazlı Dublaj (dubbing seçeneği)

{
  "dubbing": [
    {
      "src": "/video-tr.mp4",
      "type": "video/mp4",
      "label": "Türkçe",
      "srclang": "tr",
      "default": true
    },
    {
      "src": "/video-en.mp4",
      "type": "video/mp4",
      "label": "English",
      "srclang": "en"
    },
    {
      "src": "/stream-de.m3u8",
      "type": "application/x-mpegURL",
      "label": "Deutsch",
      "srclang": "de"
    }
  ]
}

HLS Manifest İçi Ses Track'leri (otomatik)

# .m3u8 manifest örneği
#EXT-X-MEDIA:TYPE=AUDIO,GROUP-ID="audio",
  LANGUAGE="tr",NAME="Türkçe",DEFAULT=YES,
  URI="audio-tr.m3u8"

#EXT-X-MEDIA:TYPE=AUDIO,GROUP-ID="audio",
  LANGUAGE="en",NAME="English",DEFAULT=NO,
  URI="audio-en.m3u8"

# → Video.js + VHS otomatik algılar,
# audioTrackButton kontrolde görünür.
# Ek yapılandırma GEREKMEz.

HLS ile kullanım

{
  "media": {
    "m3u8": [
      {
        "src": "https://stream.example.com/multi-audio.m3u8",
        "type": "application/x-mpegURL"
      }
    ]
  }
  // dubbing gerekmez — manifest
  // audio grupları otomatik gelir
}
JSON ConfigApplied
{
  "id": "hope-video-dubbing-demo",
  "muted": true,
  "autoplay": true,
  "poster": "https://www.umutyaldiz.com/cover-16x9.jpg",
  "dubbing": [
    {
      "src": "/hopevideojs/13007871_640_360_24fps.mp4",
      "type": "video/mp4",
      "label": "Türkçe",
      "srclang": "tr",
      "default": true
    },
    {
      "src": "/hopevideojs/13007871_640_360_24fps.mp4",
      "type": "video/mp4",
      "label": "English",
      "srclang": "en",
      "default": false
    }
  ]
}
Event Logs