STREAMING — LIVE

Live Stream

Live playback with real-time wall clock display and smart seek tooltip. Uses Video.js LiveTracker API to stay synchronized with the live edge.

Custom Stream URL

Control Panel

live mode

liveDuration

ambient

zoom

cinema

showSeconds

locale

timeZone

tooltipMode

Click Apply to save config and reload the page with new settings.

How it works

Live Wall Clock

Shows the real-world time of the frame currently being watched. Calculated as:

watched_time = now − (liveCurrentTime − currentTime)

Smart Seek Tooltip

Shows real time (clock), delay behind live (behind), or both (both) when hovering the progress bar. Updated every second even when the mouse is still.

JSON Config

{
  "live": true,
  "liveDuration": true,
  "liveOpt": {
    "locale": "tr-TR",
    "timeZone": "Europe/Istanbul",
    "tooltipMode": "clock",
    "showSeconds": true
  }
}

Event Logs

HopeVideoJS is a flexible and customizable video player solution based on Video.js, developed by Umut Yaldız. It offers a modern and powerful media playback experience with its open-source structure.