Get an HLS stream URL

This guide explains how to obtain a playable HLS stream URL (in the .m3u8 format) for your uploaded video on FastPix. This URL can be used to integrate your video into any HLS-compatible video player, whether it’s your preferred player or another third-party option.

Steps to get the HLS stream URL

1. Access the media details page
   • Log in to your dashboard.fastpix.io account.
   • Navigate to View Media. Locate and click on the video for which you need the HLS stream URL to access the media details page.
     
   
   
2. Locate the HLS stream URL
   • Ensure the status of the video is Ready, confirming that transcoding is complete and the HLS stream is available.
   • Find the HLS stream URL or Playback URL section, located under Play your video section. The URL should end with the .m3u8 extension.
     
   
   
3. Copy and use the HLS stream URL
   • Copy the full HLS stream URL, including the .m3u8 extension, for integration into HLS-compatible players.

URL format:

https://stream.fastpix.io/{playbackId}.m3u8

You would need to replace the {playbackId} in the URL with the playback ID already generated for your video. This will let you playback the video content by integrating into any HLS-compatible video player.

To directly stream your video on a browser, you can also use the playback stream URL which is sharable. Simply preview your video by putting the Playback ID on the stream URL.

 https://play.fastpix.io/?playbackId=963b0fad-cc52-47d7-a790-f9b6c2656219

Using iframe to embed video

You can preview the FastPix Player for video playback inside an <iframe>using the following code:

<iframe 
  src="https://play.fastpix.io/?playbackId=963b0fad-cc52-47d7-a790-f9b6c2656219" >
</iframe>

Please note, you would need to append your playbackId already generated for your video as a value for ?playbackId={playbackId}in the URL to dynamically load videos.

Use options like: autoplay, muted, looped, hide-controls, enableVideoClick (by default it will be false), aspect-ratio, width, height, allowFullScreen to further customize your video playback experience.

Using all the above options, the <iframe> looks like something like this:

<iframe 
src="https://play.fastpix.io/?playbackId=963b0fad-cc52-47d7-a790-f9b6c2656219&autoplay=true&muted=true&loop=true&hide-controls=false&enableVideoClick=true&aspect-ratio=16/9" 
width="640" height="360" 
allowFullScreen >
</iframe>

Once you embed the iframe into your website or application, you would have a video playback like below: