Skip to content

Instantly share code, notes, and snippets.

@mpgn

mpgn/app.js

Last active August 29, 2015 14:17
Show Gist options
  • Save mpgn/4229a08ffdc69e7a4e28 to your computer and use it in GitHub Desktop.
Save mpgn/4229a08ffdc69e7a4e28 to your computer and use it in GitHub Desktop.
Download ZIP
angular-vlc example
Raw
app.js
var app = angular.module('app', [
'ngResource',
'ngRoute',
'ui.bootstrap',
'kdarcel.vlc-player',
'kdarcel.vlc-player.tpl',
]);
Raw
index.html
<!DOCTYPE html>
<html lang="fr" ng-app="app">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1">
<title>VLC-plugin</title>
<link href="ressources/img/ico.png" rel="icon" type="image/png">
<!-- Bootstrap -->
<link href="components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- Custom styles for this template -->
<link href="components/angular-vlc/dist/VLCPlayer.css" rel="stylesheet">
</head>
<body>
<p>Test VLC-plugin</p>
<vlcplayer class="video-container" vlc-url="http://localhost:8080/yourfile.mp4" vlc-filename="yourfile.mp4" vlc-autoplay="true"></vlcplayer>
<!-- JavaScript plugins (requires jQuery) -->
<script src="components/jquery/dist/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="components/angular/angular.min.js"></script>
<script src="components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
<script src="components/angular-resource/angular-resource.min.js"></script>
<script src="components/angular-route/angular-route.min.js"></script>
<script src="components/angular-vlc/dist/VLCPlayer.js"></script>
<script src="app.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment