[Huge Update 2.0] Plyr Video Player | Custom Design | Qualities, Captions, Thumbnail, Attaractive UI

PLYR Video Player

Plyr is a simple and straightforward way to implement an awesome video player in your apps without worrying about state management. It has tone of features that make it stand out against other players in the market. You can freely use it in your personal & commercial projects. It is based on Plyr.io


Features

  • Supports Thumbnail
  • Supports live streaming
  • Supports M3U8 files
  • Supports Multiple Captions
  • Supports Multiple video qualities
  • Supports Cache
  • Smooth Video Loading
  • Responsive design
  • Supports Local Files
  • Works Offline

and much much more is coming.


Documentation

init 2.0

Use this block to setup player inside an arrangement.

Layout : Arrangement
Path : URL or a local path. For e.g. “/storage/emulated/0/video.mp4” or “https://example.com/video.mp4
Thumbnail : Image that you want to show as a thumbnail. Either offline or online.
Subtitle : Subtitle path. File format should be SRT. In the next version I will add VTT as well.
Subtitle Language : Language of subtitle file
Media Type : Specify the type of media that you are using. Media Type blocks are given in the extension.
Controls : Provide a list of controls that you want to show. :new:

subtitles

Add a new subtitle file. Multiple subtitle files are supported.

play

Play Video

pause

Pause Video

stop

Reset video to initial position

remove-subtitles

Remove all subtitles

scale

Scale player to cover the whole size of its parent.

forward :new:

Seek forward

rewind :new:

Seek Backward or rewind.

get metadat :new:

Get information about the current video. It returns a dictionary object that can easily be used with dictionary blocks to find specific information. It returns following info :

  • Path
  • Media Type
  • Thumbnail
  • Duration
  • List Of Qualities
  • Title of video

OnReady

Event Raised when video player is ready

OnPlay

Event Raised when video is played

OnPause

Event Raised when video is paused

complete

Event Raised when video is completed

error

Event Raised when there is an error


timeupdated :new:

Event Raised when current position of video is changed.

trackadded :new:

Event Raised when a new subtitle track is added to the player.

got metadat :new:

Event Raised when player returns an object of Metadata that you can use to find information about current video

got text :new:

This block returns the current caption text that you can use to show captions in custom view.

loading state :new:

Event Raised when loading state of the player changes. You can use this to show some loading animation in custom design


loop

Enable loop

aource

Change video source.
Remember : It only works if you have not initially used a m3u8 link.

Media Types

Specify the type of media that you are using.


current quality :new:

Change the quality of the video. It works only when you are using a HLS file that has multiple qualities. It takes index of the quality.

captions visible :new:

Set the captions visible to true or false.

current track :new:

Change current subtitles track. It accepts index of the track.

speed :new:

Change the speed of the player.

thumbnail :new:

Change the thumbnail of the video

Custom Controls

These are the controls that you can provide to player in initialize block.


Screenshots







Download Files

Version 1.0

Link

Redirecting...
The link is to an open group related to kodular app development. You can find both aix and aia file there.

Version 1.0.5

Link

AIX File : Plyr.aix (143.8 KB)
AIA File : plyr_io_V1.0.5.aia (145.6 KB)

Version 2.0 (Latest)

Link

AIX File : Plyr.aix (152.6 KB)
AIA File (Simple) : plyr_ioV2.aia (155.2 KB)
AIA File (Custom Design) : plyr_customV2.aia (278.9 KB)


Whats New In V1.0.5

Whats New In V 2.0.


Special Thanks

A special thanks to https://plyr.io/ for providing a really awesome video player library. Make sure to visit their site.


Feature Requests

If you have any suggestion you can let me know. I will try to add them in the next update.


Future Plans

– In the next update I will try to add support for YouTube and Vimeo as well and a separate player for audio. –

I have already added support for all the media types. Check the new version.


Support

If you liked my work, you can support me and motivate me to release more extensions and helpful stuff by joining my Facebook group and subscribing to my YouTube channel.
Facebook : App Development With Kodular
YouTube : QuickTips - YouTube


Thanks For Your Precious Time

43 Likes

Wow thats a great extension . Thank youu :tada:

2 Likes

Very Nice Buddy, And Thank you

2 Likes

This post was flagged by the community and is temporarily hidden.

2 Likes

This topic is not about gateway. However if you have any ideas about a gateway that works in Pakistan you can pm me with details and I will see what I can do.

2 Likes

Nice extension.

2 Likes

Perfect extension, exactly what I was looking for. :clap:

2 Likes

This extension is incredible for my proyect.

1 Like

Yes, this extension is one of the best video player extensions ever. but if we have an option to exit full screen, then this will be number 1.
So can you add this option?

3 Likes

Its not in full screen. It fills its parent arrangement that you provide in init method.

2 Likes

Amazing !!

3 Likes

Some good things that could be added:
full screen.
Name of the video when tapped on the screen.
Dragging your finger up or down would increase or decrease the brightness of the phone.
I know it has extension, but it would be a good idea.

5 Likes

I will try to add full screen in the next version and other features as well.
What do you mean by name of the video ? the title ??

1 Like

Just Mind Blowing
I was Just Looking For this Extension
From Where Can I get This Awesome Extension??

2 Likes

The link is already mentioned in the post. You can check the post and find it under Downloads title.

1 Like

How to set multi quality links

1 Like

Use a m3u8 file link for multiple qualities. like the one given in aia or this one below :
http://demo.unified-streaming.com/video/tears-of-steel/tears-of-steel.ism/.m3u8
And set HLS to true.

1 Like

I can"t See the Download link can you point out or Share Link Please
From where can I Donwload the extension ??
Thanks In Advance

1 Like

A Big Thanks :innocent:

1 Like