News Examples Documentation Download Buy Forum Contact

AHLS 360 Video Add-on ahls.xml
by VANY Production - vany.production@gmail.com

Description

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

Key features:
  • Compatible with Desktop, VR headsets and Mobile devices (even iOS Safari & Chrome).
  • Adaptive Resolution to user's device and bandwidth (like on YouTube).
  • Supports 3rd-party HLS CDNs (content delivery networks).
  • Compatible with default vtourskin.xml.
Purchase your license here:
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 plugin_ahls.xml to your tour.xml file with the next code (before plugin[video])
  • <include url='%VIEWER%/plugins/plugin_ahls.xml' />
  • Connect hls.min.js to your tour.html file with 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
  • hls = "true" 
    hls_autoQuality = "false"
    max_res_width.int="8192"
    max_res_width.ipad="4096"
    max_res_width.android="4096"
    max_res_width.iphone="3840"
    max_res_width.desktop.and.mobilevr="6144"

Plugin Attributes

  • hls
    • Allows plugin to handle HLS video playlist to show as 360 video
    • TRUE | FALSE
  • hls_autoQuality
    • TRUE - plugin will load lowest resolution and will start analyzing user bandwidth to change the video resolution to maximum comfortable for user's bandwidth (limit - or 4K per Standard license plan, or user's device max possible resolution).
    • FALSE - plugin will load maximum possible resolution for user's device.

Example

Click to view example