From 241c5b9e10830608bbe0c5aa9693e5f9eb8ab820 Mon Sep 17 00:00:00 2001
From: P2P-Next User <p2p@p2p-next-03.grid.pub.ro>
Date: Tue, 8 Mar 2011 17:27:21 +0200
Subject: [PATCH] new dir added, trial-site, which contains an interface for
 NextSharePC VLC plugin

---
 trial-site/NextSharePC-interface.css          |  23 ++
 trial-site/NextSharePC-interface.js           | 198 ++++++++++++++++++
 .../cataloger-old-item-table-based.html       |  40 ++++
 trial-site/test.html                          |  25 +++
 4 files changed, 286 insertions(+)
 create mode 100644 trial-site/NextSharePC-interface.css
 create mode 100644 trial-site/NextSharePC-interface.js
 create mode 100644 trial-site/cataloger-old-item-table-based.html
 create mode 100644 trial-site/test.html

diff --git a/trial-site/NextSharePC-interface.css b/trial-site/NextSharePC-interface.css
new file mode 100644
index 0000000..160aeb8
--- /dev/null
+++ b/trial-site/NextSharePC-interface.css
@@ -0,0 +1,23 @@
+#nsTable {
+	width: 800;
+}
+
+#nsPlaybackCell {
+	width: 22%;
+}
+
+#nsTimeCell {
+	width: 55%;
+}
+
+#nsTime {
+	padding: 3px; 
+	border-style:solid; 
+	border-width: 1px; 
+	border-color:#AAAAAA
+}
+
+#nsVol {
+	height: 5;
+}
+
diff --git a/trial-site/NextSharePC-interface.js b/trial-site/NextSharePC-interface.js
new file mode 100644
index 0000000..1c395c5
--- /dev/null
+++ b/trial-site/NextSharePC-interface.js
@@ -0,0 +1,198 @@
+// NextSharePC plugin controls
+// Author: Calin-Andrei Burloiu, calin.burloiu@gmail.com
+// 2011
+
+updateInterval = 500;
+
+function getPluginWidth()
+{
+	return 800;
+}
+
+function getPluginHeight()
+{
+	return 600;
+}
+
+function getSliderWidth()
+{
+	return $("#nsSlider").width();
+}
+
+function updateTime(afterSlider)
+{
+	var len = document.vlc.input.length;
+	var pos;
+	if(afterSlider)
+	{
+		var val = 1.0 * $("#nsSlider").slider("option", "value");
+		pos = val / (getSliderWidth() - 1);
+	}
+	else
+		pos = document.vlc.input.position;
+	var time = Math.round(pos * len);
+	var crt_s = Math.floor(time / 1000 % 60);
+	var crt_min = Math.floor((time / 1000) / 60);
+	var tot_s = Math.floor(len / 1000 % 60);
+	var tot_min = Math.floor((len / 1000) / 60);
+
+	$("#nsTime").html("" + pad(crt_min, 2) + ":" + pad(crt_s, 2)
+		+ " / " + pad(tot_min, 2) + ":" + pad(tot_s, 2));
+}
+
+function update()
+{
+	var val = Math.round(document.vlc.input.position * (getSliderWidth() - 1));
+
+	$("#nsSlider").slider({ value: val });
+	
+	updateTime(false);
+	
+	timerHandle = setTimeout("update()", updateInterval);
+}
+
+function displayNextSharePC(torrent)
+{
+	if (navigator.appName == "Netscape")
+	{
+		document.write('<embed type="application/x-ns-stream"');
+		document.write('name="vlc"');
+		document.write('id="vlc"');
+		document.write('autoplay="yes" loop="no" width="');
+		document.write('' + getPluginWidth());
+		document.write('" height="');
+		document.write('' + getPluginHeight());
+		document.write('"');
+		document.write('target="');
+		document.write(torrent);
+		document.write('" />');
+	}
+	else
+	{
+		document.write('<object classid="clsid:1800B8AF-4E33-43C0-AFC7-894433C13538" ');
+		document.write('codebase="http://trial.p2p-next.org/download/SwarmPlugin_IE_1.0.4.cab"');
+		document.write('width="');
+		document.write(getPluginWidth());
+		document.write('" height="');
+		document.write(getPluginHeight());
+		document.write('" id="vlc" name="vlc" events="True" target="">');
+		document.write('<param name="Src" value="');
+		document.write(torrent);
+		document.write('" />');
+		document.write('<param name="ShowDisplay" value="True" />');
+		document.write('<param name="Loop" value="False" />');
+		document.write('<param name="AutoPlay" value="True" />');
+		document.write('<param name="Toolbar" value="True" />');
+		document.write('</object>');
+	}
+	
+	document.write('<table id="nsTable"><tr>'
+		+ '<td id="nsPlaybackCell"><input type=button value="Play" onClick="play();" />'
+		+ '<input type=button value="Pause" onClick="pause();" />'
+		+ '<input type=button value="Stop" onclick="stop();" /></td>'
+		+ '<td id="nsTimeCell"><span id="nsTime">-</span></td>'
+		+ '<td><div id="nsVol"></div></td>'
+		+ '<td><input type=button value="Fullscreen" onclick="fullscreen();" /></td></tr>'
+		+ '<tr><td colspan="4"><div id="nsSlider"></div></td></tr>'
+		+ '</table>');
+		
+	$("nsTable").css("width", getPluginWidth());
+}
+
+function onSliderStop(event, ui)
+{
+	var val = $("#nsSlider").slider("option", "value");
+	var s = 1.0 * val / (getSliderWidth() - 1);
+	
+	//document.vlc.playlist.seek(s, false);
+	//document.vlc.video.toggleFullscreen();
+	
+	try {
+		if(s == 0)
+			document.vlc.input.position = 0.0000001;
+		else if(s == 1)
+			document.vlc.input.position = 0.9999999;
+		else
+			document.vlc.input.position = s;
+	}
+	catch(err) {
+		alert(err.message + ": " + err.description);
+	}
+	
+	timerHandle = setTimeout("update()", updateInterval);
+}
+
+function pad(number, length) 
+{
+	var str = '' + number;
+	while (str.length < length) 
+	{
+		str = '0' + str;
+	}
+
+	return str;
+}
+
+function onSliderSlide(event, ui)
+{
+	updateTime(true);
+	
+	clearTimeout(timerHandle);
+}
+
+function onVolChange(event, ui)
+{
+	var val = $("#nsVol").slider("option", "value");
+	
+	document.vlc.audio.volume = val;
+}
+
+$(document).ready(function() 
+{
+	// Progress Slider
+	$("#nsSlider").slider({ animate: true });
+	$("#nsSlider").slider({ min: 0 });
+	$("#nsSlider").slider({ max: (getPluginWidth() - 1) });
+	$("#nsSlider").slider({
+		stop: onSliderStop,
+		slide: onSliderSlide
+	});
+	$("#nsSlider").css("width", getPluginWidth());// TODO
+	$("#nsSlider").slider();
+	
+	// Volume Slider
+	$("#nsVol").slider({ animate: true });
+	$("#nsVol").slider({ min: 0 });
+	$("#nsVol").slider({ max: 200 });
+	$("#nsVol").slider({ value: document.vlc.audio.volume });
+	$("#nsVol").slider({
+		change: onVolChange,
+	});
+	$("#nsVol").css("width", 72);
+	$("#nsVol").slider();
+	
+	timerHandle = setTimeout("update()", updateInterval);
+});  
+
+function play()
+{
+	document.vlc.playlist.play();
+	timerHandle = setTimeout("update()", updateInterval);
+}
+
+function pause()
+{
+	document.vlc.playlist.togglePause();
+	clearTimeout(timerHandle);
+}
+
+function stop()
+{
+	document.vlc.playlist.stop();
+	clearTimeout(timerHandle);
+}
+
+function fullscreen()
+{
+	document.vlc.video.toggleFullscreen();
+}
\ No newline at end of file
diff --git a/trial-site/cataloger-old-item-table-based.html b/trial-site/cataloger-old-item-table-based.html
new file mode 100644
index 0000000..962e542
--- /dev/null
+++ b/trial-site/cataloger-old-item-table-based.html
@@ -0,0 +1,40 @@
+<div class="item">
+<table>
+ <tr>
+  <td>
+{literal}
+<script type="text/javascript">
+if (navigator.appName == "Netscape")
+{
+document.write('<embed type="application/x-ns-stream"');
+document.write('name="vlcName"');
+document.write('id="vlc"');
+document.write('autoplay="yes" loop="no" width="720" height="567"');
+document.write('target="{/literal}{$torrent}{literal}" />');
+}
+else
+{
+document.write('<object classid="clsid:1800B8AF-4E33-43C0-AFC7-894433C13538" ');
+document.write('codebase="http://trial.p2p-next.org/download/SwarmPlugin_IE_1.0.4.cab"');
+document.write('width="720" height="567" id="vlc" name="vlc" events="True" target="">');
+document.write('<param name="Src" value="{/literal}{$torrent}{literal}" />');
+document.write('<param name="ShowDisplay" value="True" />');
+document.write('<param name="Loop" value="False" />');
+document.write('<param name="AutoPlay" value="True" />');
+document.write('<param name="Toolbar" value="True" />');
+document.write('</object>');
+}
+</script>
+{/literal}
+
+<p class="center">
+<input type=button value="Play" onClick='document.vlc.playlist.play();'>
+<input type=button value="Pause" onClick='document.vlc.playlist.togglePause();'>
+<input type=button value="Stop" onclick='document.vlc.playlist.stop();'>
+<br/>
+</p>
+  </td>
+ </tr></table>
+
+</div>
+
diff --git a/trial-site/test.html b/trial-site/test.html
new file mode 100644
index 0000000..4f7bdd5
--- /dev/null
+++ b/trial-site/test.html
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<!--<link rel="stylesheet" type="text/css" href="http://p2p-next.cs.pub.ro/stylesheet.php?cssid=50" />-->
+<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
+<link href="NextSharePC-interface.css" rel="stylesheet" type="text/css"/>
+  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
+  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+  <script type="text/javascript" src="NextSharePC-interface.js"></script>
+    <!--<style type="text/css">
+    #slider { margin: 10px; }
+  </style>-->
+</head>
+
+<body>
+
+<div class="item">
+<script type="text/javascript">
+	displayNextSharePC("http://p2p-next.cs.pub.ro/uploads/torrents/tech-talks/rtt01a_HD.mp4.tstream");
+</script>
+</div>
+</body>
+</html>
\ No newline at end of file
-- 
2.20.1