<?php
Sources::AddJS("src/Player/Player.js");
Sources::AddJS("src/Player/Audio/Audio.js");
Sources::AddJS("src/Player/Controls/Controls.js");
Sources::AddJS("src/Player/Search/Search.js");
Sources::AddJS("src/Player/Video/Video.js");
Sources::AddJS("lib/css-emoticons/javascripts/jquery.cssemoticons.js");
Sources::AddCSS("src/Player/Player.css");
Sources::AddCSS("src/Player/Controls/Controls.css");
Sources::AddCSS("src/Player/Search/Search.css");
Sources::AddCSS("src/Player/Video/Video.css");
Sources::AddCSS("lib/css-emoticons/stylesheets/jquery.cssemoticons.css");
Sources::AddJS("src/Chat/Chat.js");
Sources::AddJS("src/Chat/emoticons/emoticons.js");
Sources::AddCSS("src/Chat/Chat.css");
?>
<div align="center" class="embed-responsive embed-responsive-16by9">
<video id="video" class="embed-responsive-item" webkit-playsinline preload="none">
Your browser does not support the video tag.
</video>
<canvas id="audio-visualizer"></canvas>
<audio id="audio"></audio>
<div id="video-overlay">
<img id="large-play-icon" class="large-video-icon" src="Images/Play.png" />
<img id="large-loading-icon" class="large-video-icon" src="Images/Loading.gif" />
<div id="chat-container" class="col-md-12">
<?php
Sources::AddCSS("src/Player/Search/Search.css");
Sources::AddJS("src/Player/Search/Search.js");
?>
<div id="search-parent-margin">
<h3 id="search-title">Youtube Search</h3>
<div id="search-input" class="col-md-12">
<input id="search-text" type="text" placeholder="Search Query or Video URL" class="form-control" />
<span id="search-button" class="glyphicon glyphicon-search" title="Search"></span>
</div>
<div id="results" class="col-md-12">
</div>
<hr class="clear-both" />
</div>
<?php
Sources::AddJS("src/Playlist/jquery.sortable.min.js");
Sources::AddCSS("src/Playlist/Playlist.css");
Sources::AddJS("src/Playlist/Playlist.js");
?>
<div id="playlist-container">
<h3 id="current-playlist-title">Playlist:
<select id="playlist-list" class="form-control">
</select>
<span id="playlist-new" class="glyphicon glyphicon-plus" title="New Playlist"></span>
</h3>
<span id="playlist-mode" class="glyphicon glyphicon-random" title="Mode"></span>
<hr />
<div id="playlist-overlay-container">
<ol id="playlist" class="list-unstyled collapse" aria-expanded="true">
</ol>
<div id="playlist-overlay" data-toggle="collapse" data-target="#playlist"></div>
</div>
<span id="currentPlaylist-parent" data-toggle="collapse" data-target="#playlist">
<a id="hide-show-play-list" class="glyphicon glyphicon-chevron-down"></a>
</span>
</div>
//render errors
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);
require_once getcwd() . "/src/Sources/Sources.php";
require_once getcwd() . "/src/YouTube/YouTube.php";
/* add bootstrap and jquery to sources */
Sources::AddJS("lib/jquery-1.11.3/jquery-1.11.3.min.js");
Sources::AddJS("lib/bootstrap-3.3.5-dist/js/bootstrap.min.js");
Sources::AddCSS("lib/bootstrap-3.3.5-dist/css/bootstrap.min.css");
Sources::AddCSS("lib/bootstrap-3.3.5-dist/css/bootstrap-theme.min.css");
Sources::AddCSS("src/Main.css");
Sources::AddJS("src/Main.js");
Sources::AddJS("src/Socket/Socket.js");
Sources::AddJS("lib/BootBox/bootbox.min.js");
?>
<!DOCTYPE html>
<html>
<head manifest="manifest.appcache">
<title>42Porter</title>
<meta name="viewport" content="width=device-width, user-scalable=false;">
<meta property="og:title" content="42Porter">
<meta property="og:description" content="42Porter - YouTube with friends">
<meta property="og:type" content="website">
<meta name="description" content="42Porter - YouTube with friends!">
<meta name="keywords" content="42Porter, 42, porter, watch2gether, watch, together, synced, youtube, video, player" />
<script src="https://cdn.socket.io/socket.io-1.4.3.js"></script>
<script>port=<?php
