デモ
プレイヤーについて
これは、Angular-CLI、NGX-Socket-IO、 @Angular/CDKに基づくシンプルなYouTube Webプレーヤーです。
このプレーヤーは、Chrome/WebKitブラウザーとのみ互換性があります。
プロジェクトステータスはRC（リリース候補）です。
使い方
開発のため
NodeJS 16.14.0+をインストールします
リポジトリをダウンロード/クローンしてから、プレーヤーをインストールします
ルートフォルダーにnpm install （ /srcではない）
src/app/environments/settings.tsまたは[設定]ページ内のアプリ内のYouTube APIキーを追加します（いつ実行中）
サーバーを起動します
npm install && npm start
- サーバーに接続します
SRC/APP/環境/環境内で変更する必要があります。TSサーバーへのパス。
アプリを構築します
- Angular-CLIをインストールします
npm install -g @angular/cli
- ルートフォルダー内で実行されます（ /srcではありません）
他のビルドオプションについては、Angularドキュメントを確認してください。
ng build --prod=true
Changelog
Angular YouTubeプレーヤー2.6.0
- セッションのゲストのリスト
- マイナーな問題は修正（RC）
- スクロールするときにミニプレーヤーを追加します
- プレイリストからの最初のビデオが現在のビデオになりました
Angular YouTubeプレーヤー2.5.2
- ビデオと現在のビデオをフィードするカテゴリバッジを追加します
- UIの更新
- 新しいモーダルコンポーネント
Angular YouTubeプレーヤー2.5.1
- AngularにLTSにアップグレードする（7〜8）
- 繰り返しモードを修正しました
- プレイリスト /関連ビデオのレイアウトを更新します
Angular YouTubeプレーヤー2.5
- 多くの依存関係の使用を避けるためにプロジェクトをクリーニングしました
- 地域を変更したときに問題を修正しましたプレーヤーが更新されなかった
- プレイリスト用のUXを改善しました
- 部屋の各ユーザーを識別するためにクライアント名を追加しました
Angular YouTubeプレーヤー2.4
- socket.ioとプライベートサーバーを介してFirebaseからJSONに切り替えた
- レスポンシブレイアウト
- セッション中の同期プレーヤー
- 部屋：ユニークなIDで部屋に参加/出発します
- プレイリストは、空のときに自動化されなくなります
- .jsonファイルからもうエクスポート/インポートすることはできません
Angular YouTubeプレーヤー2.3.3
- リファクタリング後のバグを修正しました
- クラウドにアップロードしてクラウドからダウンロードできるプレイリストにセッションキーを追加しました（Firebaseと統合）
- レイアウトアップデート
- Angular 5.2.0から7.0.1から更新
- 関連ビデオ（NGU-Carouselの使用）に追加されたCarousel
Angular YouTubeプレーヤー2.3
- LTS Angularへの更新
- アプリサービスとコンポーネント全体をリファクタリングします
- 速度のパフォーマンスの向上と主要なバグを固定しました
- アプリをロードする新しい方法
Angular YouTubeプレーヤー2.2
- ドラッグアンドドロップ（NG2-dragulaを使用）でプレイリストをソート
Angular YouTubeプレーヤー2.1
- 音楽、ゲーム、自動車、映画、スポーツなど）のようなビデオを備えたカテゴリ
- リファクタリングコード
- 特定の地域で検索します
- 注目のビデオのコピーリンクを修正します
- UXの改善
Angular YouTubeプレーヤー2.0.1
- YouTubeプレイリストを.jsonファイルとしてインポートおよびエクスポートします
Angular YouTubeプレーヤー2.0
- デスクトップでのアプリケーションのためのグローバルホットキー（メディアボタン付きのキーボード用）
- NW.JSのサポートを追加して、デスクトップ互換のアプリをエクスポートします：Windows X64、Linux X64
- アプリの自動更新（デスクトップバージョン）
Angular YouTubeプレーヤー1.9.2
Angular YouTubeプレーヤー1.9.1
- localStorageが空の場合は、localStorageのsettings.jsonを入手してください
- プレイリストは自動的に保存されます。空の場合は関連するビデオが入力されます
- ライト/ダークテーマモードを切り替えます
- すべてのビデオのリンクボタンを共有します
- 再編成された設定ページ
- 内部設定の自動保存（設定を確認）
- 外部設定の手動保存（チェック設定）
- パフォーマンス、UIおよびUXの改善と修正
Angular YouTubeプレーヤー1.9
- プレイリストからアイテムを追加/削除します。初めて初期化されたときに関連するビデオが事前に設定されています
- プレイリストから次の/前のビデオ
- 履歴を別のページに移動しました
- [トレンド]を設定への移動、繰り返しモード、リスト、グリッドの追加
- 小さな修正
Angular YouTubeプレーヤー1.7
- Trendingの最初のビデオとして注目のビデオを追加しました
- あなたが行う重要なアクションの通知
- デバッグモードを削除しました
- v2.0用のパッケージ、コード、ファイルの準備
- リストのUI/UXを改善しました
Angular YouTubeプレーヤー1.6
- 現在のビデオやトレンドのビデオのビデオの詳細、多数のビュー、好き嫌いなど
- 現在のビデオのリンクを共有します
- すべてのサムネイルを隠すための新しい設定を追加しました
- カスタムプレーヤーのボタンがビデオを非表示にしたときにのみ表示されます
Angular YouTubeプレーヤー1.4
Angular YouTubeプレーヤー1.3
- ビデオプレーヤーを表示/非表示にします
- ビデオを繰り返します
- トレンドビデオのグリッド/リストモード
- 設定（「assets/settings.json」からデフォルトを設定できますが、まもなく設定から直接行われます）
- トレンドビデオの国を変更する（現在、米国、英国、ROの3か国のみ）
- 最大結果が検索で表示されます（0〜50）
- Your_Apiキー
- 最大関連ビデオ（0〜50）
Angular YouTubeプレーヤー1.2
- トレンドビデオの紹介、現在デフォルトのトレンドビデオは米国からのものです
- コードのリファクタリング
- 左navbarに表示される将来のコンポーネントのルートを追加する
- デフォルトのビデオは、トレンドビデオから最初になります
- ビデオプレーヤーを追加します
- 新しい機能に合わせてデザインを更新します
Angular YouTubeプレーヤー1.1
- ミュート/ミュート機能の追加
- ユーザーインターフェイスとユーザーエクスペリエンスの向上
- 設定機能を追加すると、設定はAssets/settings.jsonから取得されます
設定
- デバッグ機能を表示/非表示にします
- 検索中のサムネイルを表示/非表示にします
Angular YouTubeプレーヤー1.0.2
Angular YouTubeプレーヤー1.0.0
- YouTubeからビデオを検索して再生します
- ビデオを再生/一時停止します
- あなたが聞きたいあなたのビデオの時間を変更する
将来の機能
やり残し
- iOS 8+ / Android 5+アプリ（解散）
部屋
3.0へのロードマップ
- *安定したバージョンをリリースします（v2.6.9）*
- *プライベート/パブリックルームを設定します（v2.7）*
- *公共室のリスト（v2.8）*
- *ビデオを追加できる部屋のモデレーター、キックルームメイト、ミュートルームメイト（v2.9）*
4.0へのロードマップ
- YouTubeアカウントサブスクリプション/プレイリストの統合（v3.0）
削除された機能
- デスクトップでのアプリケーションのためのグローバルホットキー（メディアボタン付きのキーボード用）
- NW.JSのサポートを追加して、デスクトップ互換のアプリをエクスポートします：Windows X64、Linux X64
- アプリの自動更新（デスクトップバージョン）
- テーマは一時的な削除されました
著作権とライセンス
MITライセンスに基づく著作権Quead。
