MoePlayer · tuannvbg · May 14, 2021 · May 14, 2021 · May 14, 2021 · May 14, 2021
diff --git a/README.md b/README.md
@@ -6,7 +6,12 @@ __Warning: Loaded well in Internet Explorer 10+, FireFox, Chrome, Edge and so on
 
 ## Screenshot
 
-![Screenshot](https://i.imgur.com/yZAGZwx.png)
+![Screenshot2](screenshot/demo2.png)
+![Screenshot3](screenshot/demo3.png)
+![Screenshot4](screenshot/demo.ZingMP3.png)
+![Screenshot5](screenshot/demo.NCT.png)
+![Screenshot6](screenshot/demo.NhacVN.png)
+![Screenshot7](screenshot/demo.mobile.png)
 ---
 
 ## Install && Build

diff --git a/demo.NCT.html b/demo.NCT.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<!--<html lang="zh-Hans">-->
+<!--
+CPlayer from https://github.com/MoePlayer/cPlayer/tree/v2
+Edit by [email protected] 2021-05-14
+Lyric style nhaccuatui.com (color: #2E9AFE;)
+-->
+<html lang="vi-VN">
+
+<head>
+    <meta charset="UTF-8">
+    <title>CPlayer v2 edit by [email protected] 2021-05-14</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <script type="text/javascript" src="dist/cplayer.js"></script>
+    <link rel="stylesheet" href="dist/style.css">
+    <style>
+        c-player lrc.now {
+            background: transparent !important;
+            color: #2E9AFE;
+        }
+    </style>
+</head>
+
+<body>
+    <div id="cplayer">
+    </div>
+    <div class="bg"></div>
+    <script src="dist/index.js"></script>
+</body>
+
+</html>
diff --git a/demo.Nhac.VN.html b/demo.Nhac.VN.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<!--<html lang="zh-Hans">-->
+<!--
+CPlayer from https://github.com/MoePlayer/cPlayer/tree/v2
+Edit by [email protected] 2021-05-14
+Lyric style Nhac.VN (color: #21b685;)
+-->
+<html lang="vi-VN">
+
+<head>
+    <meta charset="UTF-8">
+    <title>CPlayer v2 edit by [email protected] 2021-05-14</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <script type="text/javascript" src="dist/cplayer.js"></script>
+    <link rel="stylesheet" href="dist/style.css">
+    <style>
+        c-player lrc.now {
+            background: transparent !important;
+            color: #21b685;
+        }
+    </style>
+</head>
+
+<body>
+    <div id="cplayer">
+    </div>
+    <div class="bg"></div>
+    <script src="dist/index.js"></script>
+</body>
+
+</html>
diff --git a/demo.html b/demo.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<!--<html lang="zh-Hans">-->
+<!--
+CPlayer from https://github.com/MoePlayer/cPlayer/tree/v2
+Edit by [email protected] 2021-05-14
+Lyric style ZingMP3.VN (color: #f8e71c;)
+-->
+<html lang="vi-VN">
+
+<head>
+    <meta charset="UTF-8">
+    <title>CPlayer v2 edit by [email protected] 2021-05-14</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <script type="text/javascript" src="dist/cplayer.js"></script>
+    <link rel="stylesheet" href="dist/style.css">
+    <style>
+        c-player lrc.now {
+            background: transparent !important;
+            color: #f8e71c;
+        }
+    </style>
+</head>
+
+<body>
+    <div id="cplayer">
+    </div>
+    <div class="bg"></div>
+    <script src="dist/index.js"></script>
+</body>
+
+</html>
diff --git a/dist/index.js b/dist/index.js
diff --git a/dist/style.css b/dist/style.css
@@ -0,0 +1,46 @@
+#cplayer {
+            position: absolute;
+            bottom: 0;
+            left: 2em;
+            right: 2em;
+            box-shadow: 0 0 2em black;
+        }
+
+        c-player .background {
+            background: transparent !important;
+        }
+
+        c-player .lyric {
+            height: calc( 100vh - 4em);
+        }
+
+        .bg {
+            width: 100vw;
+            height: 100vh;
+            position: absolute;
+            background-size: cover;
+            filter: blur(1em) brightness(0.5);
+            background-repeat: repeat;
+            transform: scale(1.2);
+            transform-origin: center;
+            background-position: center;
+        }
+
+        body {
+            overflow: hidden
+        }
+
+        c-player lrc.now {
+            background: transparent!important;
+            color: #2E9AFE;
+
+        }
+
+        c-player lrc {
+            font-size: xx-large !important
+            font-family: Tahoma;
+        }
+
+        c-player .lyric lyric-body {
+            transition: transform 0.5s
+        }
diff --git a/index.html b/index.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<!--<html lang="zh-Hans">-->
+<!--
+CPlayer from https://github.com/MoePlayer/cPlayer/tree/v2
+Edit by [email protected] 2021-05-14
+Lyric style MP3.ZING.VN (color: #d269ff;)
+-->
+<html lang="vi-VN">
+
+<head>
+    <meta charset="UTF-8">
+    <title>CPlayer v2 edit by [email protected] 2021-05-14</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <script type="text/javascript" src="dist/cplayer.js"></script>
+    <link rel="stylesheet" href="dist/style.css">
+    <style>
+        c-player lrc.now {
+            background: transparent !important;
+            color: #d269ff;
+        }
+    </style>
+</head>
+
+<body>
+    <div id="cplayer">
+    </div>
+    <div class="bg"></div>
+    <script src="dist/index.js"></script>
+</body>
+
+</html>
diff --git a/screenshot/demo.NCT.png b/screenshot/demo.NCT.png
diff --git a/screenshot/demo.NhacVN.png b/screenshot/demo.NhacVN.png
diff --git a/screenshot/demo.ZingMP3.png b/screenshot/demo.ZingMP3.png
diff --git a/screenshot/demo.mobile.png b/screenshot/demo.mobile.png
diff --git a/screenshot/demo2.png b/screenshot/demo2.png
diff --git a/screenshot/demo3.png b/screenshot/demo3.png
diff --git a/screenshot/readme.txt b/screenshot/readme.txt
@@ -0,0 +1 @@
+