Change player to flowplayer

- old player is still available under `/clappr/:id`
JioTV-Go · Aug 30, 2023 · da4fe8d · da4fe8d
1 parent 9eb558e
commit da4fe8d
Show file tree

Hide file tree

Showing 10 changed files with 2,823 additions and 3 deletions.
diff --git a/cmd/jiotv_go/main.go b/cmd/jiotv_go/main.go
@@ -30,6 +30,7 @@ func main() {
 	r.GET("/channels", handlers.ChannelsHandler)
 	r.GET("/play/:id", handlers.PlayHandler)
 	r.GET("/player/:id", handlers.PlayerHandler)
+	r.GET("/clapper/:id", handlers.ClapprHandler)
 
 	if len(os.Args) > 1 {
 		r.Run(os.Args[1])

diff --git a/cmd/jiotv_go/static/flowplayer.css b/cmd/jiotv_go/static/flowplayer.css
diff --git a/cmd/jiotv_go/static/flowplayer.min.js b/cmd/jiotv_go/static/flowplayer.min.js
diff --git a/cmd/jiotv_go/static/hls.min.js b/cmd/jiotv_go/static/hls.min.js
diff --git a/cmd/jiotv_go/static/keyboard.min.js b/cmd/jiotv_go/static/keyboard.min.js
diff --git a/cmd/jiotv_go/static/qsel.min.js b/cmd/jiotv_go/static/qsel.min.js
diff --git a/cmd/jiotv_go/templates/player.html → cmd/jiotv_go/templates/clappr.html b/cmd/jiotv_go/templates/player.html → cmd/jiotv_go/templates/clappr.html
diff --git a/cmd/jiotv_go/templates/flow_player.html b/cmd/jiotv_go/templates/flow_player.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>JioTV Go</title>
+    <style>
+        body {
+            margin: 0;
+            padding: 0;
+            background-color: black;
+            overflow-y: hidden;
+        }
+    </style>
+    <link rel="stylesheet" href="/static/flowplayer.css">
+    <script src="/static/flowplayer.min.js"></script>
+    <script src="/static/hls.min.js"></script>
+    <script src="/static/qsel.min.js"></script>
+    <script src="/static/keyboard.min.js"></script>
+</head>
+
+<body>
+    <div id="jiotv_go_player"></div>
+    <script>
+        var player = flowplayer('#jiotv_go_player',
+            {
+                src: '{{ .play_url }}',
+                live: true,
+                seekable: false,
+                autplay: true,
+                qsel: {},
+                ui: flowplayer.ui.USE_THIN_CONTROLBAR,
+                preload: 'auto'
+            });
+    </script>
+</body>
+
+</html>
diff --git a/cmd/jiotv_go/templates/play.html b/cmd/jiotv_go/templates/play.html
@@ -11,9 +11,9 @@
 <body>
     {{ template "navbar" . }}
     <div class="p-1 sm:p-2 md:p-4 md:mx-8 lg:p-8 lg:mx-52"> 
-        <div id="player" class="relative overflow-hidden w-full pt-[56.25%]">
+        <div id="player" class="relative overflow-hidden w-full pt-[56.25%] rounded-xl">
             <iframe class="absolute top-0 left-0 bottom-0 right-0 w-full h-full" src="{{ .player_url }}" width="100%"
-                height="100%" allowfullscreen="true"></iframe>
+                height="100%" webkitAllowFullScreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>
         </div>
     </div>
     <script src="/static/common.js"></script>

diff --git a/internals/handlers/handlers.go b/internals/handlers/handlers.go
@@ -219,7 +219,15 @@ func PlayHandler(c *gin.Context) {
 func PlayerHandler(c *gin.Context) {
 	id := c.Param("id")
 	play_url := "/live/" + id + ".m3u8"
-	c.HTML(http.StatusOK, "player.html", gin.H{
+	c.HTML(http.StatusOK, "flow_player.html", gin.H{
+		"play_url": play_url,
+	})
+}
+
+func ClapprHandler(c *gin.Context) {
+	id := c.Param("id")
+	play_url := "/live/" + id + ".m3u8"
+	c.HTML(http.StatusOK, "clappr.html", gin.H{
 		"play_url": play_url,
 	})
 }