專案名稱精簡為 **FlexPlyr**，更加簡潔易記。

Author: pardnchiu

.gitignore

@@ -11,4 +11,7 @@ terser.cache.json
 
 # 忽略其他
 reset.sh
-memo.md
+memo.md
+
+# 保留編譯結果資料夾
+!dist/

.npmignore

@@ -14,6 +14,15 @@ Icon?
 # 忽略源碼
 src/
 
+# 忽略介紹用 html
+static/
+index.html
+
 # 忽略其他
 reset.sh
 memo.md
+terser.cache.json
+terser.config.json
+
+# 保留編譯後的 dist
+!dist/

DEPRECATION.md

@@ -4,4 +4,6 @@
 - `panel`：棄用，改用 `option: { panelItem: xxx }`。
 - `volume`：棄用，改用 `option: { volume: xxx }`。
 - `mute`：棄用，改用 `option: { mute: xxx }`。
-- `event`：棄用，改用 `when`。
+- `event`：棄用，改用 `when`。
+- ESM 版本的 `player`
+- 非 ESM 版本的 `PDPlayer`。

README.md

@@ -1,130 +1,149 @@
-# PDPlayerKit (JavaScript Library)
+<img src="./static/image/logo.png" width=80>
 
-> 模組化 JavaScript 媒體播放器<br>
-> 支援 HTML5、YouTube、Vimeo，提供靈活主題與完整控制面板。
+# FlexPlyr
 
-![](https://img.shields.io/badge/tag-JavaScript%20Library-bb4444) 
-![](https://img.shields.io/github/size/pardnchiu/PDPlayerKit/dist%2FPDPlayerKit.js) 
-![](https://img.shields.io/github/license/pardnchiu/PDPlayerKit)<br>
-[![](https://img.shields.io/github/v/release/pardnchiu/PDPlayerKit)](https://github.com/pardnchiu/PDPlayerKit) 
-[![](https://img.shields.io/npm/v/pdplayerkit)](https://www.npmjs.com/package/pdplayerkit) 
-[![](https://img.shields.io/jsdelivr/npm/hw/pdplayerkit)](https://www.jsdelivr.com/package/npm/pdplayerkit)
+*(Previously known as PDPlayerKit, renamed to FlexPlyr starting from version `2.2.4`)*
 
-## 特點
+> Modular JavaScript Media Player<br>
+> Supports HTML5, YouTube, Vimeo with flexible themes and a complete control panel.
 
-### 多媒體播放
-- 支援多類型：可播放 **HTML5 影片 / 音訊**、**YouTube** 與 **Vimeo**。
-- 兼容桌面與行動設備，支持 `playsinline` 和 **全螢幕模式** 切換。
+![tag](https://img.shields.io/badge/tag-JavaScript%20Library-bb4444) 
+![size](https://img.shields.io/github/size/pardnchiu/FlexPlyr/dist%2FFlexPlyr.js)
+![license](https://img.shields.io/github/license/pardnchiu/FlexPlyr)<br>
+[![npm](https://img.shields.io/npm/v/@pardnchiu/flexplyr)](https://www.npmjs.com/package/@pardnchiu/flexplyr)
+[![download](https://img.shields.io/npm/dm/@pardnchiu/flexplyr)](https://www.npmjs.com/package/@pardnchiu/flexplyr)
+[![jsdeliver](https://img.shields.io/jsdelivr/npm/hm/@pardnchiu/flexplyr)](https://www.jsdelivr.com/package/npm/@pardnchiu/flexplyr)<br>
+[![](https://img.shields.io/badge/查閱-中文版本-ffffff)](https://github.com/pardnchiu/FlexPlyr/blob/main/README.zh.md)
 
-### 高度自定義控制面板
-- 自由定制按鈕：**播放速率調整**、**音量控制**、**進度條** 等功能按需配置。
-- 提供多種內建主題： (如 Minimal、Classic、Retro、Simple)，方便自由選擇。
+## Features
 
-### 輕量與無依賴
-- 基於 **原生 API** 和 **YouTube / Vimeo API**，無需額外庫，開箱即用。
-- 完全移除 **PDRenderKit** 的依賴，減少耦合，提升使用便捷性。
-- 文件體積小於 數 KB，即使在行動設備上也能高效運行。
+### Multimedia Playback
+- Supports multiple formats: Play **HTML5 video/audio**, **YouTube**, and **Vimeo**.
+- Compatible with desktop and mobile devices, with `playsinline` and **fullscreen mode** toggle support.
 
-### 全面的事件監聽
-- 支持多種事件監聽： (如 ready、playing、pause、end)，方便深度擴展。
+### Highly Customizable Control Panel
+- Customizable buttons: **Playback speed adjustment**, **volume control**, **progress bar**, etc.
+- Multiple built-in themes (e.g., Minimal, Classic, Retro, Simple) for flexible selection.
 
-### 多版本支持
-- 提供 **ESM (ECMAScript Module)** 與 **一般版本**，適用於多種開發環境，靈活集成。
+### Lightweight and Dependency-Free
+- Built on **native APIs** and **YouTube/Vimeo APIs**, no extra libraries required.
+- Completely removes dependency on **PDRenderKit**, reducing coupling and enhancing usability.
+- Lightweight with a file size of only a few KB, ensuring smooth performance even on mobile devices.
 
-### 更直觀的控制按鈕
-- 按鈕圖示使用 [Google Icons](https://fonts.google.com/icons)，清晰、現代，適配各類主題風格。
+### Comprehensive Event Listening
+- Supports a wide range of events (e.g., ready, playing, pause, end) for seamless extension.
 
-### 友善授權
-- 授權從 **GPL 3.0** 調整為 **MIT**，方便自由使用與修改，適應更多商業或個人項目。
+### Multi-Version Support
+- Provides **ESM (ECMAScript Module)** and **regular versions**, suitable for various development environments.
 
-## 安裝方式
+### Intuitive Control Buttons
+- Uses [Google Icons](https://fonts.google.com/icons) for button visuals, modern and adaptable to different themes.
 
-### 從 npm 安裝
+### Friendly Licensing
+- License changed from **GPL 3.0** to **MIT**, offering greater flexibility for commercial and personal projects.
+
+## Installation
+
+### Via npm
 ```bash
-npm i pdplayerkit
+npm i @pardnchiu/flexplyr
 ```
 
-### 從 CDN 引入
-- **引入 `PDPlayerKit` 套件**
+### Via CDN
+- **Import the `FlexPlyr` library**
     ```html
-    <script src="https://cdn.jsdelivr.net/npm/pdplayerkit@latest/dist/PDPlayerKit.js"></script>
+    <!-- Version 2.2.4 and above -->
+    <script src="https://cdn.jsdelivr.net/npm/@pardnchiu/flexplyr@[VERSION]/dist/FlexPlyr.js"></script>
+
+    <!-- Version 2.2.3 and below -->
+    <script src="https://cdn.jsdelivr.net/npm/pdplayerkit@[VERSION]/dist/PDPlayerKit.js"></script>
     ```
-- **Module 版本**
+- **Module Version**
     ```javascript
-    import { player as PDPlayer } from "https://cdn.jsdelivr.net/npm/pdplayerkit@latest/dist/PDPlayerKit.module.js";
+    // Version 2.2.4 and above
+    import { FPlyr } from "https://cdn.jsdelivr.net/npm/@pardnchiu/flexplyr@[VERSION]/dist/FlexPlyr.esm.js";
+
+    // Version 2.2.3 and below
+    import { player } from "https://cdn.jsdelivr.net/npm/pdplayerkit@[VERSION]/dist/PDPlayerKit.module.js";
     ```
-- **初始化 `editor` 和 `viewer`**
+- **Initialize `FPlyr`**
     ```Javascript
-    const dom = new PDPlayer({
-        // 選填：指定元件替換為播放器（元件的 ID）
-        // 若未指定，需手動將 dom.body 加入至視圖中
-        // id: "元件 ID",
-
-
-        // 必填：媒體來源設定，以下選項中僅能選擇一項
-        video: "[影片位置]",
-        // audio: "[音訊位置]",
+    // Version 2.2.4 and above
+    // Unified: FPlyr
+
+    // Version 2.2.3 and below
+    // IIFE: PDPlayer
+    // ESM: player
+    
+    const dom = new FPlyr({
+        // Optional: Specify the element to replace with the player (element ID)
+        // If not specified, manually append dom.body to the view
+        // id: "element ID",
+
+        // Required: Media source configuration, choose one of the options below
+        video: "[video source]",
+        // audio: "[audio source]",
         // vimeo: "[Vimeo ID]",
         // youtube: "[YouTube ID]"
 
-        // 選填：播放設置
+        // Optional: Playback settings
         option: {   
-            // 是否顯示滑桿，預設 true
+            // Whether to show the slider, default is true
             showThumb: true,
 
-            // 控制面板外觀風格，例如 "minimal" 或 "classic"
-            panelType: "[風格選擇]",
+            // Control panel style, e.g., "minimal" or "classic"
+            panelType: "[style choice]",
 
-            // 控制面板按鈕，依需求選擇顯示的功能
+            // Control panel buttons, choose functions to display
             panel: [
                 "play", "progress", "time", "timeMini", 
                 "volume", "volumeMini", "rate", "full"
             ],
-            // 播放器預設音量
+            // Default volume level
             volume: 100,
-            // 播放器預設靜音
+            // Default mute setting
             mute: false
         },
 
-        // 選填：事件監聽器，可監聽播放過程中的特定事件
+        // Optional: Event listeners to monitor specific events during playback
         when: {
             ready: function () {
-                console.log("播放器準備完成");
+                console.log("Player is ready");
             },
             playing: function () {
-                console.log("播放中");
+                console.log("Playing");
             },
             pause: function () {
-                console.log("暫停");
+                console.log("Paused");
             },
             end: function () {
-                console.log("播放結束");
+                console.log("Playback ended");
             },
             destroyed: function () {
-                console.log("已移除");
+                console.log("Player removed");
             }
         }
     });
 
-    // 若無指定元件，需手動將播放器加入至 DOM 中
+    // If no element is specified, manually append the player to the DOM
     (...).appendChild(dom.body);
 
-    // 移除元件
-    // dom.destory();
+    // Remove the component
+    // dom.destroy();
     ```
 
 
-## 開發者
+## Creator
 
 <img src="https://avatars.githubusercontent.com/u/25631760" align="left" width="96" height="96" style="margin-right: 0.5rem;" />
 
 <h4 style="padding-top: 0">邱敬幃 Pardn Chiu</h4>
 
 [![](https://pardn.io/image/mail.svg)](mailto:dev@pardn.io) [![](https://skillicons.dev/icons?i=linkedin)](https://linkedin.com/in/pardnchiu) 
 
-## 授權條款
+## License
 
-本專案依據 [MIT](https://github.com/pardnchiu/PDPlayerKit/blob/main/LICENSE) 授權使用。
+This project is licensed under the [MIT License](https://github.com/pardnchiu/FlexPlyr/blob/main/LICENSE).
 
 ***