<?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>
<?php //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>