-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Release v1.0.0 and reset commit history.
- Loading branch information
Remote
committed
Jul 26, 2024
0 parents
commit e5477e9
Showing
17 changed files
with
997 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,4 @@ | ||
# Do not edit this file. To specify the files to encrypt, create your own | ||
# .gitattributes file in the directory where your files are. | ||
* !filter !diff | ||
*.gpg binary |
Binary file added
BIN
+735 Bytes
.git-crypt/keys/default/0/94CD2BEC46EC6477112AC4F202E4291F2D88563B.gpg
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,17 @@ | ||
src/** filter=git-crypt diff=git-crypt | ||
sass/** filter=git-crypt diff=git-crypt | ||
|
||
# 指定文件的語言,並將 .min.js 文件計入語言統計 | ||
*.ts linguist-language=JavaScript | ||
*.js linguist-language=JavaScript | ||
*.min.js linguist-generated=false | ||
|
||
# 將目錄下的所有文件與檔案視為第三方代碼,不計入語言統計 | ||
css/* linguist-vendored | ||
image/* linguist-vendored | ||
sass/* linguist-vendored | ||
*.html linguist-vendored | ||
|
||
# 視文件為文檔類型,忽略語言統計 | ||
*.md linguist-documentation | ||
*.json linguist-documentation |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,13 @@ | ||
# 忽略 VSCode 的工作台設定檔案 | ||
*.code-workspace | ||
|
||
# 忽略 macOS 系統自動生成的 .DS_Store 檔案與資料夾圖標 | ||
.DS_Store | ||
Icon? | ||
|
||
# 忽略 npm 套件資料夾和相關檔案 | ||
node_modules | ||
terser.cache.json | ||
|
||
# 忽略其他 | ||
reset.sh |
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,98 @@ | ||
# Video Player (JavaScript Library) | ||
|
||
![](https://img.shields.io/github/v/release/pardnchiu/PDPlayerKit?color=red) ![](https://img.shields.io/github/size/pardnchiu/PDPlayerKit/dist%2FPDPlayerKit.min.js?color=green) ![](https://img.shields.io/github/license/pardnchiu/PDPlayerKit?color=blue) ![](https://img.shields.io/badge/creator-Pardn%20Chiu%20邱敬幃-A374BF) | ||
|
||
## 特點 / Feature | ||
|
||
- 支持 Youtube 與一般影片連結使用。<br> | ||
Support for YouTube and general video links. | ||
|
||
- 提供播放、暫停、音量調整等影片操作功能。<br> | ||
Provides video controls such as play, pause, and volume adjustment. | ||
|
||
- 在 `playsinline` 的狀態也可真正適配 `fullscreen`。<br> | ||
Fully compatible with `fullscreen` mode even in `playsinline` state. | ||
|
||
- 使用純 JavaScript / CSS 開發。<br> | ||
Built using pure JavaScript and CSS. | ||
|
||
- 使用 [PDExtension-js](https://github.com/pardnchiu/PDExtension-js) 進行渲染。<br> | ||
Rendered using [PDExtension-js](https://github.com/pardnchiu/PDExtension-js). | ||
|
||
- 使用 [Font Awesome 6](https://fontawesome.com/v6/search) 圖標。<br> | ||
Use [Font Awesome 6](https://fontawesome.com/v6/search) icons. | ||
|
||
- 使用 [iframe-api](https://www.youtube.com/iframe_api) 進行 Youtube 操作。<br> | ||
YouTube operations are handled via the [iframe-api](https://www.youtube.com/iframe_api). | ||
|
||
- 可在 [此處](https://pardnchiu.github.io/PDPlayerKit) 預覽。<br> | ||
Preview available [Here](https://pardnchiu.github.io/PDPlayerKit). | ||
|
||
## 開發者 / Creator | ||
|
||
<a href="https://pardn.io"> | ||
<img src=https://pardn.io/image/head-s.jpg align=left width=100 height=100> | ||
</a> | ||
|
||
### Pardn Chiu 邱敬幃 | ||
|
||
[![](https://pardn.io/image/mail.svg)](mailto:mail@pardn.ltd) [![](https://skillicons.dev/icons?i=linkedin)](https://linkedin.com/in/pardnchiu) | ||
|
||
## 授權 / License | ||
|
||
此源代碼項目採用 [GPL-3.0](https://github.com/pardnchiu/markdown-editor/blob/main/LICENSE) 許可證授權。<br> | ||
This source code project is licensed under the [GPL-3.0](https://github.com/pardnchiu/markdown-editor/blob/main/LICENSE) license. | ||
|
||
## 如何使用 / How to use | ||
|
||
- 添加依賴 `PDExtension-js` | ||
```Html | ||
<script src="https://cdn.jsdelivr.net/gh/pardnchiu/PDExtension-js@[VERSION]/dist/PDExtension.min.js" copyright="Pardn Ltd"></script> | ||
``` | ||
|
||
- 導入 `player` | ||
```Javascript | ||
import { player } from "https://cdn.jsdelivr.net/gh/pardnchiu/PDPlayerKit@[VERSION]/dist/PDPlayerKit.min.js"; | ||
|
||
const elm = new player({ | ||
/* Youtube 影片ID 或 其他影片來源 */ | ||
videoId: "UmR9zlez4OE" | ||
src: "/img/sample.mp4", | ||
/* 預設參數 */ | ||
volume: 100, //預設音量 | ||
mute: false, //預設靜音 | ||
/* 控制器 */ | ||
panel: [ | ||
"play", //播放鍵 | ||
"timebar", //進度條 | ||
"time", //進度時間 | ||
"mute", //靜音鍵 | ||
"volume", //音量鍵 | ||
"rate", //速率鍵 | ||
"full", //影片 | ||
], | ||
event: { | ||
ready: function() { | ||
console.log("ready"); | ||
}, | ||
playing: function() { | ||
console.log("playing"); | ||
}, | ||
pause: function() { | ||
console.log("pause"); | ||
}, | ||
end: function() { | ||
console.log("end"); | ||
} | ||
} | ||
}); | ||
|
||
[DOM].appendChild(elm.body); | ||
``` | ||
*** | ||
|
||
*翻譯皆靠 ChatGPT* | ||
|
||
*** | ||
|
||
©️ 2023 [Pardn Chiu 邱敬幃](https://www.linkedin.com/in/pardnchiu) |
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Oops, something went wrong.