angular-vlc

An AngularJS directive to include VLC Web Player code with a more beautiful & advanced interface

Screenshots

Features

• Play/Pause the video
• View current time and video duration
• Change audio and subtitle track
• Mute/Unmute
• Toggle Fullscreen

Requirement

You must have VLC and the Web plugin installed on your computer, more informations on the VLC website. For OS X users, you can find the plugin (actually in beta) here.

• Don't forget to activate support of NPAPI and ActiveX plugins in your browser *

Getting Started

Install the component via Bower

bower install --save angular-vlc

Or simply download the files in the dist folder

Add the CSS

<link rel="stylesheet" href="components/angular-vlc/dist/angular-vlc.min.css">

Load the JavaScript file

<link rel="text/javascript" href="components/angular-vlc/dist/angular-vlc.min.js">

And finally add the dependencies to your AngularJS project

var myAppModule = angular.module('MyApp', ['kdarcel.vlc-player']);

Now you can call the directive in your code

<vlcplayer vlc-url="" vlc-filename="" vlc-autoplay="true"></vlcplayer>

Bug report

VLC

You may have some problems with the VLC Web Plugin. Feel free to create a new ticket on the VLC Bugtracker, they are reactive and like this you can help to improve the plugin ! More reports it is, more stable will be the plugin ! You can also contribute on the project, here the git repository

License

angular-vlc is freely distributable under the terms of the MIT license.