HLS 31 de agosto de 2026 a las 19:59

Reproductor Custom HLS (Selector Manual + Stats en Vivo)

Demuestra el control total sobre la API de hls.js: selector manual de resolución (480p / 720p / 1080p), buffer visual, bitrate en tiempo real y velocidad configurable.

HLS.JS ADVANCED PLAYER

Auto Buffer: 0.0s

00:00

00:00 / 00:00

Calidad:

Bitrate actual Calculando...

Resolución cargada —

Segmentos en Buffer 0

Latencia / Dropped frames 0 frames

⚡

Comparativa Multi-Calidad en Vivo (480p vs 720p vs 1080p)

3 reproductores independientes corriendo el mismo HLS desde R2. Cada uno fijado estrictamente a una calidad desde el arranque para comparar nitidez, consumo y peso por fragmento.

480p SD 854x480 @ 1200 kbps

Segmento actual: —

Buffer acumulado: 0.0s

720p HD 1280x720 @ 3000 kbps

Segmento actual: —

Buffer acumulado: 0.0s

1080p FHD 1920x1080 @ 6000 kbps

Segmento actual: —

Buffer acumulado: 0.0s

Demo HLS Multi-Bitrate (Streaming Adaptativo)

Streaming adaptativo HLS (480p / 720p / 1080p) con segmentos .ts servidos desde Cloudflare R2.

Fuente del video

HLS master.m3u8

https://pub-5417cd37058040a3ab6e674fe27f3f04.r2.dev/videos/hls/kdp9ps7amthncfth/master.m3u8

Inspector técnico

{
  "id": "hls-demo-01",
  "source_type": "hls",
  "status": "ready",
  "raw_key": null,
  "raw_url": null,
  "hls_url": "https://pub-5417cd37058040a3ab6e674fe27f3f04.r2.dev/videos/hls/kdp9ps7amthncfth/master.m3u8",
  "hls_poster": "https://pub-5417cd37058040a3ab6e674fe27f3f04.r2.dev/videos/hls/kdp9ps7amthncfth/thumbnail.jpg",
  "size_bytes": null,
  "duration_seconds": null,
  "created_at": "2026-08-31T19:59:28.000Z",
  "updated_at": "2026-08-31T19:59:28.000Z"
}