From 2a13f7a3df1d11f14a01a834c44cf9c7da766e60 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Fri, 13 Aug 2021 12:51:10 +0200
Subject: [PATCH] Implements volume and playback options for video widget (both
 for html video and youtube)

---
 api/js/etemplate/et2_widget_video.js | 64 ++++++++++++++++++++++
 api/js/etemplate/et2_widget_video.ts | 82 ++++++++++++++++++++++++++++
 2 files changed, 146 insertions(+)

diff --git a/api/js/etemplate/et2_widget_video.js b/api/js/etemplate/et2_widget_video.js
index 9a798c9615..3417d8a3be 100644
--- a/api/js/etemplate/et2_widget_video.js
+++ b/api/js/etemplate/et2_widget_video.js
@@ -163,6 +163,58 @@ var et2_video = /** @class */ (function (_super) {
             this.video.attr("controls", _value);
         }
     };
+    /**
+     * Method to set volume
+     * @param _value
+     */
+    et2_video.prototype.set_volume = function (_value) {
+        var value = _value > 100 ? 100 : _value;
+        if (value >= 0) {
+            if (this._isYoutube()) {
+                this.youtube.set_volume(value);
+            }
+            else {
+                this.video[0].volume = value / 100;
+            }
+        }
+    };
+    /**
+     * get volume
+     */
+    et2_video.prototype.get_volume = function () {
+        if (this._isYoutube()) {
+            return this.youtube.get_playBackRate();
+        }
+        else {
+            return this.video[0].playBackRate;
+        }
+    };
+    /**
+     * method to set playBackRate
+     * @param _value
+     */
+    et2_video.prototype.set_playBackRate = function (_value) {
+        var value = _value > 16 ? 16 : _value;
+        if (value >= 0) {
+            if (this._isYoutube()) {
+                this.youtube.playBackRate(value);
+            }
+            else {
+                this.video[0].playBackRate = value;
+            }
+        }
+    };
+    /**
+     * get playBackRate
+     */
+    et2_video.prototype.get_playBackRate = function () {
+        if (this._isYoutube()) {
+            return this.youtube.get_volume();
+        }
+        else {
+            return this.video[0].volume;
+        }
+    };
     /**
      * Set poster attribute in order to specify
      * an image to be shown while video is loading or before user play it
@@ -454,6 +506,18 @@ var et2_video = /** @class */ (function (_super) {
             "type": "boolean",
             "default": false,
             "description": "Defines if the video should be played repeatedly"
+        },
+        "volume": {
+            "name": "Video volume",
+            "type": "float",
+            "default": 0,
+            "description": "Set video's volume"
+        },
+        "playbackrate": {
+            "name": "Video playBackRate",
+            "type": "float",
+            "default": 1,
+            "description": "Set video's playBackRate"
         }
     };
     et2_video.youtube_player_states = {
diff --git a/api/js/etemplate/et2_widget_video.ts b/api/js/etemplate/et2_widget_video.ts
index d53f18503d..e45338828c 100644
--- a/api/js/etemplate/et2_widget_video.ts
+++ b/api/js/etemplate/et2_widget_video.ts
@@ -96,6 +96,18 @@ export class et2_video  extends et2_baseWidget implements et2_IDOMNode
             "type": "boolean",
             "default": false,
             "description": "Defines if the video should be played repeatedly"
+        },
+        "volume": {
+            "name": "Video volume",
+            "type": "float",
+            "default": 0,
+            "description": "Set video's volume"
+        },
+        "playbackrate": {
+            "name": "Video playBackRate",
+            "type": "float",
+            "default": 1,
+            "description": "Set video's playBackRate"
         }
     };
 
@@ -264,6 +276,76 @@ export class et2_video  extends et2_baseWidget implements et2_IDOMNode
         }
     }
 
+    /**
+     * Method to set volume
+     * @param _value
+     */
+    set_volume(_value: number)
+    {
+        let value = _value>100?100:_value;
+        if (value>= 0)
+        {
+            if (this._isYoutube())
+            {
+                this.youtube.set_volume(value);
+            }
+            else
+            {
+                this.video[0].volume = value/100;
+            }
+        }
+    }
+
+    /**
+     * get volume
+     */
+    get_volume()
+    {
+        if (this._isYoutube())
+        {
+            return this.youtube.get_playBackRate();
+        }
+        else
+        {
+            return this.video[0].playBackRate;
+        }
+    }
+
+    /**
+     * method to set playBackRate
+     * @param _value
+     */
+    set_playBackRate(_value: number)
+    {
+        let value = _value>16?16:_value;
+        if (value>= 0)
+        {
+            if (this._isYoutube())
+            {
+                this.youtube.playBackRate(value);
+            }
+            else
+            {
+                this.video[0].playBackRate = value;
+            }
+        }
+    }
+
+    /**
+     * get playBackRate
+     */
+    get_playBackRate()
+    {
+        if (this._isYoutube())
+        {
+            return this.youtube.get_volume();
+        }
+        else
+        {
+            return this.video[0].volume;
+        }
+    }
+
     /**
      * Set poster attribute in order to specify
      * an image to be shown while video is loading or before user play it