From f1310a3148afedd4b2cdceb5580a396ac5459643 Mon Sep 17 00:00:00 2001
From: Harvey <laozhaochaguan@gmail.com>
Date: Fri, 22 Apr 2022 13:50:41 +0800
Subject: [PATCH] Create lock.js

---
 packages/artplayer/src/plugins/lock.js | 33 ++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 packages/artplayer/src/plugins/lock.js

diff --git a/packages/artplayer/src/plugins/lock.js b/packages/artplayer/src/plugins/lock.js
new file mode 100644
index 000000000..df19b3a13
--- /dev/null
+++ b/packages/artplayer/src/plugins/lock.js
@@ -0,0 +1,33 @@
+export default function lock(art) {
+    const { layers } = art;
+
+    layers.add({
+        name: 'miniProgressBar',
+        style: {
+            display: 'none',
+            position: 'absolute',
+            left: 0,
+            right: 0,
+            bottom: 0,
+            height: '2px',
+            backgroundColor: 'var(--theme)',
+        },
+        mounted($progressBar) {
+            art.on('control', (value) => {
+                $progressBar.style.display = value ? 'none' : 'block';
+            });
+
+            art.on('destroy', () => {
+                $progressBar.style.display = 'none';
+            });
+
+            art.on('video:timeupdate', () => {
+                $progressBar.style.width = `${art.played * 100}%`;
+            });
+        },
+    });
+
+    return {
+        name: 'lock',
+    };
+}