MJ : The microWeb server implemented by gin for pull stream from livego to user's web front.

2025-10-12 23:53:40 +08:00 · 2019-09-23 00:48:25 +08:00
parent 1410c178a7
commit 3281cd5896
128 changed files with 20670 additions and 0 deletions
--- a/gin/strobe/hello-world-javascript.html
+++ b/gin/strobe/hello-world-javascript.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Strobe Media Playback</title>
+    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
+	<script type="text/javascript">  		
+    		
+    	// Create a StrobeMediaPlayback configuration 
+		var parameters =
+			{	src: "http://mediapm.edgesuite.net/strobe/content/test/AFaerysTale_sylviaApostol_640_500_short.flv"   			
+   			,	autoPlay: true
+			,	controlBarAutoHide: false
+			,   javascriptCallbackFunction: "onJavaScriptBridgeCreated"
+			};
+    		
+		// Embed the player SWF:    		
+		swfobject.embedSWF
+			( "StrobeMediaPlayback.swf"
+			, "strobeMediaPlayback"
+			, 640
+			, 480
+			, "10.1.0"
+			, {}
+			, parameters
+			, { allowFullScreen: "true"}
+			, { name: "strobeMediaPlayback" }
+			);
+			
+		function onCurrentTimeChange(time, playerId)
+		{
+			document.getElementById("currentTime").innerHTML = time;		
+		}
+		
+		function onDurationChange(time, playerId)
+		{
+			document.getElementById("duration").innerHTML = time;	
+		}		
+		var player = null;
+		function onJavaScriptBridgeCreated(playerId)
+		{
+			if (player == null) {
+				player = document.getElementById(playerId);
+				
+				// Add event listeners that will update the 
+				player.addEventListener("currentTimeChange", "onCurrentTimeChange");
+				player.addEventListener("durationChange", "onDurationChange");
+				
+				// Pause/Resume the playback when we click the Play/Pause link
+				document.getElementById("play-pause").onclick = function(){
+					var state = player.getState();
+					if (state == "ready" || state == "paused") {
+						player.play2();
+					}
+					else 
+						if (state == "playing") {
+							player.pause();
+						}
+					return false;
+				};
+			}
+		}
+    </script>  	
+  </head>
+  <body>
+	<div>
+		<div>
+			<span id="currentTime" /> ... </span> : <span id="duration" /> ... </span>
+		</div>   
+		<a href="#" id="play-pause">Play/Pause</div>  
+	</div>
+	<div id="strobeMediaPlayback">
+      <p>Alternative content</p>
+    </div>
+  </body>
+</html>