KR HLS Plugin kr_hls.js

by Eric Chen - eric2022czc@gmail.com

Description

• Support parsing M3U8 playlists and switching resolutions.
• Almost all browsers are supported.
• On non-iphone devices and non-Safari browsers, Supports automatic resolution selection according to network speed.
• You can read the parsed playlist and custom build quality menu.

krpano Forum Discussion Thread

Download

Syntax / XML Usage Example

<plugin name="hls"
	url="./kr_hls.js"
	bind="plugin[video]"
	autolevel="true"
	start_level="0"
	onchange=""
	onready=""
/>

Plugin Attributes

• bind (*)
  • Bind to the videoplayer plugin.
  • default=null
• autolevel (optionally)
  • Whether to enable automatic resolution selection. If true, the video resolution is automatically matched based on the current bandwidth.
  • Not available on iPhone and Safari.
  • default=true
• start_level (optionally)
  • When autolevel=true, start_level determines the first load level.
  • When autolevel=false, start_level determines the current load level.
  • default=0
• levels (read only)
  • Total number of video levels.
  • default=0
• level (read only)
  • Current video level.
  • default=0
• width (read only)
  • Current video width.
  • default=0
• height (read only)
  • Current video height.
  • default=0
• playlist (read only)
  • Playlist parsed from video streams. This is an array that can be used in Javascript.

Plugin Events

• onchange (optionally)
  • This event is triggered when the video resolution changes.
• onready (optionally)
  • This event is triggered when the playlist parsing is complete.

Plugin Actions

• hls_load(videourl)

  • videourl:Video streaming address. Only HTTP Live Streaming(.m3u, .m3u8) is supported.

• change_level(level)

  • level: Level number.

Hotspot example

Layer example

360video example