2.5.4 • Published 9 months ago

@inlasningstjanst/video-player v2.5.4

Weekly downloads
-
License
-
Repository
github
Last release
9 months ago

@inlasningstjanst/video-player

Manabua video player

Manabua video player is a module for showing videos from Inlasningstjanst.se

Installation

Use the package manager npm to install Manabua video player.

npm install @inlasningstjanst/video-player

Usage

Javascript

import { ILTVideoContainer } from '@inlasningstjanst/video-player'
import '@inlasningstjanst/video-player/dist/style.css'

var authToken  =  'token' // Token for access to AP
var elementID  =  'film_container'
var domain     =  'https://connect.ilteducation.com'
var videoID    =  'wWpacPJfK8xJh2bV0u92H' // Required: film uid
var videoContainer = new ILTVideoContainer(authToken, videoID, domain, elementID);

window.addEventListener('load', () => {
    videoContainer.init();
});

// When navigating away from the view with the video player in a single page application, call the unload() method
videoContainer.unload();

// Video can also be initialized with an optional parameter "options"

// Example
var options = {
    'enabledButtons': ['theatre', 'subtitleSize'],
    'theatreContainerID': 'theatre_container', 
    'disabledLanguageTooltip': 'Example text',
}
// 'theatreContainerID' must be defined if 'enabledButtons' contains 'theatre'
var videoContainer = new ILTVideoContainer(authToken,  videoID,  domain,  elementID, options)

Available options

ValueTypeExampleDescription
hlsString | Film hls
trackNameStringTrack nameFilm title
posterString/path/to/posterFilm image preview url
playbackRatesArray[0.5, 0.8, 1, 1.2, 1.5, 2]List of available playback rates
audioTracksArray[]List of audio files data
subtitleTracksArray[]List of subtitle files data
activeAudioTrackStringsvLanguage code of default language for audio
activeSubtitleTrackStringsvLanguage code of default language for subtitle
enabledButtonsArray['theatre','subtitleSize','share','fullscreen']Extra buttons
disabledLanguageTooltipBooleantrueOption for disabling language tooltip
theatreContainerIDStringtheatre_containerID for theatre container, fill if you need to have it
audioCaptionStringAudioText for audio caption
subtitleCaptionStringSubtitleText for subtitle caption
offCaptionStringOffText for off caption
routeString/path/to/videoCurrent route (for Vue.js purposes)
onActiveVideoLanguageChangeFunction({type: 'audio' \| 'subtitles', lang: string}) => {}Callback for audio or subtitle language change
onSubtitleLanguageChangeFunction(lang: string) => {}Callback for subtitle language change
onAudioLanguageChangeFunction(lang: string) => {}Callback for audio language change
onVolumeChangeFunction(volume: number) => {}Callback for volume change
siteLanguageStringsvLanguage code of default language (default 'sv')
skipIntroTimeNumber4Length of intro to skip (in seconds)
autoSkipIntroBooleantrueSkip intro automatically on play
showSkipIntroBtnBooleantrueOption to show Skip intro-button in player
skipIntroCaptionStringSkip introText to be displayed in Skip intro-button
applicationStringmanabuaApplication name for statistics
applicationVersionString1.0.0Application version for statistics
initialVolumeNumber0.5Initial volume between 0.0 and 1.0 (default 0.5)

HTML

<!DOCTYPE  html>
<html>
	<script  type="text/javascript"  src="path/to/js"></script>
	<link  rel="stylesheet"  type="text/css"  href="path/to/css">
	<body>
		<div  id="film_container"></div>
	</body>
</html>

HTML (with theatreContainerID)

<!DOCTYPE  html>
<html>
	<script  type="text/javascript"  src="path/to/js"></script>
	<link  rel="stylesheet"  type="text/css"  href="path/to/css">
	<body>
		<div id="theatre_container">
			<div id="film_container"></div>
			<div id="optional_additional_container">For example a list of films</div>
		</div>
	</body>
</html>
2.5.4

9 months ago

2.5.0

10 months ago

2.5.2

9 months ago

2.5.1

10 months ago

2.5.3

9 months ago

2.4.1

10 months ago

2.3.0

11 months ago

2.4.0

11 months ago

2.1.6

1 year ago

2.1.5

2 years ago

2.1.4

2 years ago

2.1.3

2 years ago

2.1.2

2 years ago

2.1.1

2 years ago

2.1.0

2 years ago

1.1.12

2 years ago

2.0.0

2 years ago

1.1.9

2 years ago

1.1.8

2 years ago

1.1.11

2 years ago

1.1.10

2 years ago

1.1.7

2 years ago

1.1.5

2 years ago

1.1.1

3 years ago

1.1.0

3 years ago

1.1.4

3 years ago

1.1.3

3 years ago

1.1.2

3 years ago

1.0.0

3 years ago