jplayer · harrys-pel · Feb 15, 2016 · Feb 15, 2016 · Feb 15, 2016 · Feb 15, 2016
diff --git a/YouTube plug-in/.gitattributes b/YouTube plug-in/.gitattributes
@@ -0,0 +1,17 @@
+# Auto detect text files and perform LF normalization
+* text=auto
+
+# Custom for Visual Studio
+*.cs     diff=csharp
+
+# Standard to msysgit
+*.doc	 diff=astextplain
+*.DOC	 diff=astextplain
+*.docx diff=astextplain
+*.DOCX diff=astextplain
+*.dot  diff=astextplain
+*.DOT  diff=astextplain
+*.pdf  diff=astextplain
+*.PDF	 diff=astextplain
+*.rtf	 diff=astextplain
+*.RTF	 diff=astextplain
diff --git a/YouTube plug-in/.gitignore b/YouTube plug-in/.gitignore
@@ -0,0 +1,47 @@
+# Windows image file caches
+Thumbs.db
+ehthumbs.db
+
+# Folder config file
+Desktop.ini
+
+# Recycle Bin used on file shares
+$RECYCLE.BIN/
+
+# Windows Installer files
+*.cab
+*.msi
+*.msm
+*.msp
+
+# Windows shortcuts
+*.lnk
+
+# =========================
+# Operating System Files
+# =========================
+
+# OSX
+# =========================
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
diff --git a/YouTube plug-in/MIT-LICENSE.txt b/YouTube plug-in/MIT-LICENSE.txt
@@ -0,0 +1,21 @@
+Copyright (c) 2009 - 2013 Happyworm Ltd
+http://happyworm.com
+http://jplayer.org
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/YouTube plug-in/README.md b/YouTube plug-in/README.md
@@ -0,0 +1,3 @@
+# youtube-plugin-for-jplayer
+A youtube plug-in of jPlayer. It's a web audio player which allows the user to create and listen to his favorite playlist
+using youtube urls.
diff --git a/YouTube plug-in/button.png b/YouTube plug-in/button.png
diff --git a/YouTube plug-in/cover.png b/YouTube plug-in/cover.png
diff --git a/YouTube plug-in/index-page.png b/YouTube plug-in/index-page.png
diff --git a/YouTube plug-in/index.html b/YouTube plug-in/index.html
@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <title>XARIS JPLAYER REMAKE</title>
+   <link rel="stylesheet" type="text/css" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
+   <link rel="stylesheet" type="text/css" href="css/player.css" media="all">
+</head>
+<body>
+
+<!----------------------------------------------------- AUDIO PLAYER HTML TAG STRUCTURE ------------------------------------------------------>
+
+
+	<video width="640" height="360" id="player1" preload="none">
+
+        <source type="video/youtube" src="https://www.youtube.com/watch?v=vjW8wmF5VWc" />
+
+    </video>
+
+	<div id="main-player" data-track-id="" data-track-url="" data-status="">
+
+		<div id="main-player-btns">
+
+			<div id="player-previous"><i class="ion-skip-backward"></i></div>
+			<div id="player-play"><i class="ion-play"></i></div>
+			<div id="player-pause"><i class="ion-pause"></i></div>
+			<div id="player-next"><i class="ion-skip-forward"></i></div>
+			<div id="player-shuffle" class="shuffle-off"><i class="ion-shuffle"></i></div>
+
+		</div>
+
+		<div id="sound">
+
+		    <div id="vol-low-icon"><i class="ion-volume-low"></i></div>
+
+			<div id="sound-bar"><div id="sound-bar-inner"><div class="silver-btn"></div></div></div>
+
+			<div id="vol-high-icon"><i class="ion-volume-high"></i></div>
+
+		</div>
+
+		<div id="playing-data">
+
+			<div id="player-track-details"><span class="player-track-title"></span> - <span class="player-track-artist"></span></div>
+			<div id="player-track-duration-bar">
+
+				<div id="current-time">00:00</div>
+				<div id="duration-bar"><div id="duration-bar-inner"><div class="silver-btn"></div></div><div id="duration-bar-loaded"></div></div>
+				<div id="duration-time">00:00</div>
+
+			</div>
+
+		</div>
+
+		<div id="social-share">
+
+			<ul>
+
+				<li> <a href="" id="google-plus" class="popup"> <i class="ion-social-googleplus-outline"></i> </a> </li>
+				<li> <a href="" id="facebook" class="popup"> <i class="ion-social-facebook"></i> </a> </li>
+				<li> <a href="" id="twitter" class="popup"> <i class="ion-social-twitter"></i> </a> </li>
+				<li> <a href="" id="linkedin" class="popup"> <i class="ion-social-linkedin-outline"></i> </a> </li>
+
+			</ul>
+
+		</div>
+
+	</div>
+
+	<div id="sidebar">
+
+	    <p id="play-now">ΠΑΙΖΕΙ ΤΩΡΑ</p>
+
+		<div id="track-details">
+
+			<div id="playing-track-thumbnail"><img src="img/cover.png" alt="track thumbnail"></div>
+		    <div class="track-details-list" id="artist-name"><i>Τραγουδιστής:</i> -</div>
+		    <div class="track-details-list" id="song-name"><i>Τραγούδι:</i> -</div> 
+		    <div class="track-details-list" id="album"><i>Αλμπουμ:</i> -</div>
+		    <div class="track-details-list" id="country"><i>Χώρα:</i> -</div>
+			<div class="track-details-list" id="release-date"><i>Ημ.Κυκλοφορίας:</i> -</div>
+			<div class="track-details-list" id="genre"><i>Είδος:</i> -</div>
+
+		</div>
+
+		<div id="time-panel"></div>
+
+	</div>
+
+	<div id="playlist">
+
+	    <div id="sort-by">
+
+	    	<div id="sort-inner" class="descending"><span><i class="ion-arrow-down-b"></i></span> Ταξινόμηση κατά δημοτικότητα τραγουδιού</div>
+
+	    </div>
+
+		<div id="tracks">
+
+
+		</div>
+
+		<div id="add-track">
+
+			<div id="add-track-label"><i class="ion-plus-circled"></i> Πρόσθεσε τραγούδι στην λίστα αναπαραγωγής από το youtube</div>
+
+			<div id="get-track-info">
+
+				<div class="track-info"><input type="text" id="get-track-artist" autocomplete="off" placeholder="Καλλιτέχνης"></div>
+				<div class="track-info"><input type="text" id="get-track-title" autocomplete="off" placeholder="Τίτλος τραγουδιού"></div>
+				<div class="track-info"><input type="text" id="get-track-url" autocomplete="off" placeholder="Youtube διεύθυνση url"></div>
+				<div id="submit-track-btn"><i class="ion-plus-round"></i></div>
+
+			</div>
+
+		</div>
+
+	</div>
+
+
+<!----------------------------------------------------- AUDIO PLAYER HTML TAG STRUCTURE ------------------------------------------------------>
+
+
+
+<!------------------------------------------------------------ JS SCRIPTS -------------------------------------------------------------------->
+
+
+	<!-- CALLING JQUERY LIBRARY -->
+	<script src="js/jquery-1.12.0.min.js"></script>
+
+	<!-- CALLING JPLAYER LIBRARY -->
+	<script src="http://mediaelementjs.com/js/mejs-2.9.2/mediaelement-and-player.min.js"></script>
+
+
+	<!-- CALLING ITUNES DATABASE SEARCH SCRIPT -->
+	<script src="js/itunes-data-call.js"></script>
+
+	<!-- CALLING OUR JPLAYER DEVELOPMENT - PROGRESS SCRIPT -->
+	<script src="js/jplayer-development.js"></script>
+
+
+<!------------------------------------------------------------ JS SCRIPTS -------------------------------------------------------------------->
+
+</body>
+</html>
diff --git a/YouTube plug-in/js/itunes.js b/YouTube plug-in/js/itunes.js
@@ -0,0 +1,42 @@
+var iTunesStoreSearch;
+(function($){
+	iTunesStoreSearch = function(options){
+		var placeholder = $(this);
+		var settings = $(this).data('itunesstoresearchsettings');
+		if(!settings){
+			settings = {
+				'term':'',
+				'country':'',
+				'media':'',
+				'entity':'',
+				'attribute':'',
+				'limit':'',
+				'lang':'',
+				'version':'',
+				'explicit':'',
+				'callback':function(data){}
+			}
+		};
+		var IntFunc = {
+		};
+
+		if(typeof(options)=='string'){
+			if(IntFunc[options])IntFunc[options].apply(null,Array.prototype.slice.call(arguments,1));
+		}else if(options){
+			settings = $.extend(settings,options||{});
+			$(this).data('itunesstoresearchsettings',settings);
+
+			var pars = $.extend({},settings);
+			delete pars['callback'];
+			$.getJSON('https://itunes.apple.com/search?callback=?',pars,function(data){
+				settings.callback(data)
+			});
+		}
+	};
+	$.fn.extend({
+		itunesstoresearch:function(){
+			var args = arguments;
+			this.each(function(){iTunesStoreSearch.apply(this,args)});
+		}
+	});
+})(jQuery);