HLS/DASH Video Streaming Implementation for Website

Our company is engaged in the development, support and maintenance of sites of any complexity. From simple one-page sites to large-scale cluster systems built on micro services. Experience of developers is confirmed by certificates from vendors.
Development and maintenance of all types of websites:
Informational websites or web applications
Business card websites, landing pages, corporate websites, online catalogs, quizzes, promo websites, blogs, news resources, informational portals, forums, aggregators
E-commerce websites or web applications
Online stores, B2B portals, marketplaces, online exchanges, cashback websites, exchanges, dropshipping platforms, product parsers
Business process management web applications
CRM systems, ERP systems, corporate portals, production management systems, information parsers
Electronic service websites or web applications
Classified ads platforms, online schools, online cinemas, website builders, portals for electronic services, video hosting platforms, thematic portals

These are just some of the technical types of websites we work with, and each of them can have its own specific features and functionality, as well as be customized to meet the specific needs and goals of the client.

Showing 1 of 1 servicesAll 2065 services
HLS/DASH Video Streaming Implementation for Website
Complex
~1-2 weeks
FAQ
Our competencies:
Development stages
Latest works
  • image_web-applications_feedme_466_0.webp
    Development of a web application for FEEDME
    1161
  • image_ecommerce_furnoro_435_0.webp
    Development of an online store for the company FURNORO
    1041
  • image_crm_enviok_479_0.webp
    Development of a web application for Enviok
    822
  • image_crm_chasseurs_493_0.webp
    CRM development for Chasseurs
    847
  • image_website-sbh_0.png
    Website development for SBH Partners
    999
  • image_website-_0.png
    Website development for Red Pear
    451

HLS and DASH Video Streaming Implementation

HLS (HTTP Live Streaming) and DASH (Dynamic Adaptive Streaming over HTTP) are adaptive streaming protocols. Video is cut into 2–10 second segments; player automatically switches between qualities based on user connection speed.

HLS vs DASH

Feature HLS DASH
Support All browsers (hls.js for non-Safari) All browsers (dash.js)
Container MPEG-TS or fMP4 fMP4
DRM FairPlay (Apple), Widevine Widevine, PlayReady
Latency 6–30 sec (LL-HLS: <2 sec) 2–10 sec
CDN compatibility Excellent Excellent

HLS is standard choice. DASH used for services with multiple DRM.

FFmpeg: Create HLS playlist

ffmpeg -i "$INPUT" \
  -filter_complex \
    "[0:v]split=3[v1][v2][v3]; \
     [v1]scale=1920:1080[v1080]; \
     [v2]scale=1280:720[v720]; \
     [v3]scale=640:360[v360]" \
  -map "[v1080]" -map 0:a -c:v:0 libx264 -b:v:0 5000k -c:a:0 aac -b:a:0 192k \
  -map "[v720]" -map 0:a -c:v:1 libx264 -b:v:1 2500k -c:a:1 aac -b:a:1 128k \
  -map "[v360]" -map 0:a -c:v:2 libx264 -b:v:2 800k -c:a:2 aac -b:a:2 96k \
  -f hls -hls_time 6 -hls_playlist_type vod \
  -hls_segment_type fmp4 \
  -master_pl_name master.m3u8 \
  "$OUTPUT_DIR/v%v/index.m3u8"

PHP: Queue integration

HLS transcoding in background queue, upload to S3 or CDN. Player loads master.m3u8, adapts quality to bandwidth.

Implementation timeline

HLS setup with FFmpeg and S3: 3–4 days. With DRM (Widevine) and analytics: 5–7 days.