AHLS 360 Video Plugin - Apple HLS (HTTP Streaming)

  • Hey folks! I'd like to present a simple but quite helpful plugin


    AHLS 360 Video Plugin for KRpano

    AHLS 360 Video Plugin allows using HLS-packed 360 videos for streaming and on-demand playback as scenes. Based on hls.js and Apple HLS (What is it?).

    CHECK THE DEMO



    Plugin page

    The goal is to have self-hosted 360 videoplayer, similar by transport capabilities, to YouTube, Vimeo and other video hosting platforms and Content-Delivery-Networks.

    Key features:

    • Compatible with Desktop, VR headsets, and Mobile devices (iOS Safari and Chrome too).
    • Adaptive Resolution to user's device and bandwidth.
    • Supports 3rd-party HLS CDNs (content delivery networks) as a video source.
    • Compatible with default videoplayer.js and vtourskin.xml.

    Purchase your license here:
    CHOOSE YOUR LICENSE
    The plugin license will be linked to your KRpano license and domain (depending on the license type).
    With any license type, you'll get one year of free plugin updates


    What's included:

    • Plugin file - plugin_ahls.xml
    • HLS library - hls.min.js
    • Recommendations on how to prepare 360 videos for HLS (Mac OS - Compressor, Win - FFmpeg)


    How to use:

    • Copy plugin files into your tour's subfolder /plugins/
    • Connect the XML part of the plugin to your tour.xml file with the next code (before plugin[video])
    • <include url='%VIEWER%/plugins/plugin_ahls.xml' />
    • Connect the LIBRARY part of the plugin to your tour.html file with the next code in the <head>
    • <script type="text/javascript" src="plugins/hls.min.js"></script>
    • Now, you can apply these attributes to any plugin[video] with videourl source as the HLS m3u8 playlist, and the plugin will do everything for you
  • what is this?
    Can't support Android

    AHLS Plugin is a plugin to transport 360 videos from the server to the KRpano player (in the user's browser) by the most modern and versatile technology - HLS. Used by YouTube, Vimeo, Akamai, etc.
    Each video shown on the internet by enterprise products or software - uses this technology.
    Here is a short explanatory video about this technology. https://youtu.be/5eGtF2kb2sc

    This plugin is very important for 360 videos because:

    • 360 videos are heavy by size (x4 of usual flat videos), and take a lot of cache space because the user is still looking only at 90 degrees, but we need to upload on the user's device all 360 degrees.
      HLS helps with this by chunk-loading approach, so users don't need to cache all videos to watch 10 min duration video.
    • 360 videos are heavy, so the video usually loads not quite fast. HLS helps with this by measuring the user device bandwidth and adjusting the video stream to fit the user's internet connection so that video will play without any freeze

    And much more pros, but it's hard to explain them. Basically, those who work with 360 videos and know the problems of content delivery - will understand the value of this plugin.

  • The plugin is a great concept!
    The fun part is getting any 360video you have captured into HLS &/or DASH format. I purpose-built a PC 3 years ago that uses FFMPEG to transcode 360video to both DASH and HLS.

    In the KRPano player pull this off without a plugin, and using https://dashjs.org/

    About this plugin's main purpose: the key is to have cross-platform compatibility across a variety of devices, from Android and iOS (even Safari) to old laptops (I'm planning to include an FPS detection in the next plugin version release) and VR headsets.

    About transcoding into HLS: gladly, I provide a plugin with a BASH script for Windows to easily transcode any 360/180 flat and VR (Side-By-Side, Top-Down) videos :) and for Mac OS Users - with a template for Compressor

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!