From e2f0892269cebfa413347be2fdd69c0c69bc134f Mon Sep 17 00:00:00 2001
From: FireMasterK <20838718+FireMasterK@users.noreply.github.com>
Date: Thu, 10 Dec 2020 13:23:30 +0530
Subject: [PATCH] Implement autoplay of videos.

---
 src/Constants.js              |  1 +
 src/components/WatchVideo.vue | 23 +++++++++++++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/src/Constants.js b/src/Constants.js
index 3cbfaaff..838b169e 100644
--- a/src/Constants.js
+++ b/src/Constants.js
@@ -1,3 +1,4 @@
 export default {
     BASE_URL: localStorage.getItem("instance") || 'https://pipedapi.kavin.rocks',
+    AUTO_PLAY: localStorage.getItem("autoplay") || false
 }
diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index bb5fa793..c457c1f0 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -33,6 +33,14 @@
 
         <hr />
 
+        <b>Auto Play next Video:</b>&nbsp;
+        <input
+            class="uk-checkbox"
+            v-model="selectedAutoPlay"
+            @change="onChange($event)"
+            type="checkbox"
+        />
+
         <div
             class="uk-tile-default uk-text-secondary"
             style="background: #0b0e0f; width: 300px"
@@ -80,6 +88,7 @@ export default {
     mounted() {
         this.getVideoData();
         this.getSponsors();
+        this.selectedAutoPlay = Constants.AUTO_PLAY;
     },
     beforeUnmount() {
         if (this.player) {
@@ -116,6 +125,10 @@ export default {
                 )
             ).json();
         },
+        onChange() {
+            if (localStorage)
+                localStorage.setItem("autoplay", this.selectedAutoPlay);
+        },
         async getVideoData() {
             this.fetchVideo()
                 .then(data => (this.video = data))
@@ -246,6 +259,16 @@ export default {
                         this.player.on("volumechange", () => {
                             this.audioplayer.volume = this.player.volume();
                         });
+
+                        this.player.on("ended", () => {
+                            if (
+                                this.selectedAutoPlay &&
+                                this.video.relatedStreams.length > 0
+                            )
+                                this.$router.push(
+                                    this.video.relatedStreams[0].url
+                                );
+                        });
                     }
 
                     if (!noPrevPlayer)