Skip to content
forked from DIYgod/DPlayer

🍭 コメントを流せる素敵な HTML5 動画プレイヤー

License

Notifications You must be signed in to change notification settings

tsukumijima/DPlayer

 
 

Repository files navigation

ADPlayer

DPlayer

🍭 Wow, such a lovely HTML5 danmaku video player

この Fork は、

  • ソースコードを TypeScript へ移行 & TypeScript サポートの追加
  • 日本語対応の追加
  • 全体的な UI の見直しとブラッシュアップ
  • Danmaku(コメント)描画周りの大幅な修正
  • Danmaku(コメント)のサイズ変更 (big, medium, small) に対応
  • スマホ・タブレットや日本語対応により崩れる CSS の修正
  • スマホ・タブレット向け UI の最適化と改善
  • スマホ・タブレット向けの早送り・巻き戻しボタンの追加
  • 早送り・巻き戻し周りの不具合の修正
  • Live 再生時の同期ボタンの追加
  • Picture-in-Picture (PiP) ボタンの追加
  • キーボードショートカット(ホットキー)の追加
  • スクリーンショット保存時のファイル名の変更
  • スクリーンショット機能をスマホ・タブレットでも使えるように変更
  • 設定パネルの UI を丸みを帯びたデザインに刷新
  • 設定パネルで現在の設定値を確認できるように変更
  • 画質の切り替え UI を設定パネルに統合
  • 再生速度の切り替え UI のデザインを刷新
  • mpegts.js 利用時に主音声と副音声を切り替えられる機能を追加し、設定パネルに統合
  • mpegts.js を利用した低遅延ライブストリーミングのサポートを追加
  • aribb24.js を利用した ARIB 字幕・文字スーパーのサポートを追加
  • 依存パッケージを大幅に更新
    • Webpack 5 へのアップグレードのほか、node-sass を sass (dart-sass) に移行した
  • パッケージ管理を npm から yarn に移行
    • 依存パッケージの更新にともない、npm だと依存関係が解決できないことがあったため
  • そのほか多数の不具合修正と改善

と、KonomiTVTVRemotePlus 向けに多くの不具合改善と大幅な変更・改善を行った DPlayer です。

なお、Fork 元からオプションや動作仕様がいくつか追加・変更されています (この Fork 内のドキュメントは更新されていないため注意) 。
詳しい仕様は TypeScript の型定義内のコメントを参照してください。

おそらく、ニコニコ風のコメントを流せるプレイヤーの中では一番多機能なのではないでしょうか。
ぜひ日本でももっと広まって欲しいと思っています(コメントを流さない場合でも軽量で優秀なプレイヤーだと思います)。
KonomiTV や TVRemotePlus 向けではありますが、できるだけ汎用的に改造しているつもりです。そのまま他の用途でも使えるかもしれません。


ADPlayer

DPlayer

🍭 Wow, such a lovely HTML5 danmaku video player

npm npm npm size

Introduction

image

DPlayer is a lovely HTML5 danmaku video player to help people build video and danmaku easily.

DPlayer supports:

  • Streaming formats
  • Media formats
    • MP4 H.264
    • WebM
    • Ogg Theora Vorbis
  • Features
    • Danmaku
    • Screenshot
    • Hotkeys
    • Quality switching
    • Thumbnails
    • Subtitle

Using DPlayer on your project? Let me know!

Docs

中文文档

Thanks

Sponsors

Contributors

Related Projects

Feel free to submit yours in Let me know!

Tooling

Danmaku api

Plugins

Other

  • DPlayer-Lite: lite version
  • hlsjs-p2p-engine: Let your viewers become your unlimitedly scalable CDN
  • CBPlayer: Dplayer with CDNBye P2P plugin built in, supporting HLS, MP4 and MPEG-DASH P2P streaming.
  • Feel free to submit yours in Let me know!

Who use DPlayer?

Donate

DPlayer is an MIT licensed open source project and completely free to use. However, the amount of effort needed to maintain and develop new features for the project is not sustainable without proper financial backing.

You can support DPlayer via donations.

Recurring Donation

One-time Donation

We accept donations via the following ways:

Author

DPlayer © DIYgod, Released under the MIT License.
Authored and maintained by DIYgod with help from contributors (list).

Blog · GitHub @DIYgod · Twitter @DIYgod · Telegram Channel @awesomeDIYgod

About

🍭 コメントを流せる素敵な HTML5 動画プレイヤー

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 78.3%
  • SCSS 18.2%
  • JavaScript 3.5%