Quick Brick Mobile Applicaster Player

Introduction

Applicaster provide an out of the box player plugin to use with Quick Brick iOS and Android Mobile apps.

Alternatively any commercial 3rd party player plugin can be created to replace this.

Supported content

Video live and on-demand: HLS, DASH, MP4

Audio live and on-demand: MP3, WAV

Applicaster Player Skin

Both iOS and Android render the player as follows

 

Player Controls

Item	Info
Title	Playing item title - content defined in the feed
Info	Playing item information - content defined in the feed
Skip FWD / RWD	Skip +/- 10 seconds whilst playing These only display on VOD content, not live streams (determined by whether an item has a duration given in the feed)
Play / Pause	Pause and resume play content These only display on VOD content, not live streams (determined by whether an item has a duration given in the feed)
Scrub bar	Use scrub bar handle to move to any time in the scrub bar timeline These only display on VOD content, not live streams (determined by whether an item has a duration given in the feed)
Elapsed time	On the left the elapsed video time These only display on VOD content, not live streams (determined by whether an item has a duration given in the feed)
Total / remaining time	On the right tap to toggle between remaining time and total time These only display on VOD content, not live streams (determined by whether an item has a duration given in the feed)
Subtitles	Turn subtitles on and off Future feature: Select subtitle and audio language
Airplay	iOS only - enable Airplay
Chromecast	iOS and Android - Enable Chromecast if Chromecast plugins installed and configured.
Close player	Return to app

 

Player Configuration

Access the Player Plugin in Zapp's plugin management page to find the configurable parameters.

NOTE: Audio parameters relate to the Quick Brick TV Audio Player configuration Quick Brick TV Apps - Audio Content Player only and are not relevant to the Mobile Player.

In the custom configuration fields you can over-ride the following default values

Description	Name	Default Value
Video Player Background Color	Color	rgb(0, 0, 0)
Content Title	Toggle	On / Off
	Font Family & Weight	Android: Roboto, Medium iOS: SF Pro Text, Semibold
	Color	rgba(255, 255, 255, 1)
	Size	Android: 16 iOS: 16
	Line Height	Android: 20 iOS: 20
	Letter Spacing	Android: 0 iOS: -0.4
	Margin Bottom	2
Content Subtitle	Toggle	On / Off
	Font Family & Weight	Android: Roboto, Medium iOS: SF Pro Text, Regular
	Color	rgba(255, 255, 255, 1)
	Size	Android: 13 iOS: 13
	Line Height	Android: 18 iOS: 18
	Letter Spacing	Android: 0 iOS: -0.2
Subtitle Button	Subtitle state: Off asset	40x40 @3x
	Subtitle state: On asset	40x40 @3x
Close Button	Close asset	40x40 @3x
Play/Pause Button	Play asset	56x56 @3x
	Pause asset	56x56 @3x
Rewind Button	Rewind asset	56x56 @3x
Forwards Button	Forwards asset	56x56 @3x
Scrub Bar Text Label	Font Family & Weight	Android: Roboto, Medium iOS: SF Pro Text, Medium
	Color	rgba(255, 255, 255, 1)
	Size	Android: 13 iOS: 13
	Line Height	Android: 16 iOS: 16
	Letter Spacing	Android: 0 iOS: 0
Scrub Bar Total	Bar Color	rgba(255, 255, 255, 0.35)
Scrub Bar Buffer	Bar Color	rgba(255, 255, 255, 0.8)
Scrub Bar Progress	Bar Color	rgba(4, 207, 153, 1)
Scrub Bar Handle	Default Color	rgb(255, 255, 255)
	Active Color	rgb(255, 255, 255)
Overlay Image	Asset	Gradient asset supplied for a middle device size (iPhone 11Pro) @3x

Audio Content

For feeds of content type = audio, a background image can be provided in the feed extensions to display when live or on-demand audio content is playing.

This image can be unique per media item in a feed. Image can be JPEG or PNG. Image should be provided at x3 resolution for largest device (iPhone 11) so Landscape aspect ratio 16:9, Height = 414px @x3 = 1242px, Width = 736px @x3 = 2208px

The extensions property is audio_player_background_image

{
"type": {
"value": "feed"
},
"entry": [
{
"id": "001",
"title": "live_audio_stream",
"summary": "this item plays item in mp3 format",
"type": {
"value": "audio"
},
"content": {
"src": "https://kanapi.media.kan.org.il/Redirector/ipbc/direct/kan-gimmel/hls-live.m3u8"
},
"media_group": [
{
"type": "image",
"media_item": [
{
"type": "image",
"src": "https://raw.githubusercontent.com/Davidapplicaster/Assets-Images/master/Radio_1.jpg",
"key": "image_base"
}
]
}
],
"extensions": {
"audio_player_background_image": "image source URL here"