angular youtube player

演示

關於球員

這是一個基於Angular-CLI，NGX-Socket-io， @Angular/CDK的簡單YouTube Web播放器。

該播放器僅與Chrome/Webkit瀏覽器兼容。

項目狀態為RC（發布候選）。

如何使用

用於發展

1. 安裝nodejs 16.14.0+

2. 下載/克隆存儲庫，然後通過

npm install （不在 /src中）

3. 在SRC/App/Environments/settings.ts或設置頁面上的應用程序中添加您的YouTube API鍵（在運行時）

4. 啟動服務器

npm install && npm start

5. 連接到服務器

您必須在SRC/App/Environments/Environment中更改您的服務器路徑。

構建應用程序

1. 安裝Angular-CLI

npm install -g @angular/cli

2. 在根文件夾中運行（不在 /src中）

檢查角文檔以獲取其他構建選項。

ng build --prod=true

ChangElog

Angular YouTube播放器2.6.0

• 會議中的客人清單
• 固定的小問題（RC）
• 滾動時添加迷你播放器
• 播放列表的第一個視頻現在是當前視頻

Angular YouTube播放器2.5.2

• 將類別徽章添加到饋電視頻和當前視頻
• UI更新
• 新的模態組件

Angular YouTube播放器2.5.1

• 升級角到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）

Angular YouTube播放器2.3

• 更新到LTS角度
• 重構整個應用程序和組件
• 提高了速度性能並修復了主要錯誤
• 加載應用程序的新方法

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

• UX改進和修復
• 準備2.0的文件

Angular YouTube播放器1.9.1

• 如果您的localstorage為空，請獲取設置。
• 播放列表會自動保存，如果是空的，它將帶有相關視頻
• 切換光/黑暗主題模式
• 共享所有視頻的鏈接按鈕
• 重組設置頁面
• 自動節省內部設置（檢查設置）
• 外部設置的手動節省（檢查設置）
• 性能，UI和UX的改進和修復

Angular YouTube播放器1.9

• 從播放列表中添加/刪除項目，第一次初始化時，它已與相關視頻進行了預先訪問
• Next/您的播放列表中的prev視頻
• 將歷史記錄移至單獨的頁面
• 添加切換視頻，重複模式和列表和網格，並在趨勢上添加到設置。
• 小固定

Angular YouTube播放器1.7

• 添加了特色視頻作為趨勢的第一個視頻
• 您採取的重要行動的通知
• 刪除了調試模式
• 為v2.0準備軟件包，代碼和文件
• 改進了列表的UI/UX

Angular YouTube播放器1.6

• 當前視頻和熱門視頻的視頻詳細信息，例如視圖，喜歡和不喜歡的視頻
• 共享當前視頻的鏈接
• 添加了隱藏所有縮略圖的新設置
• 自定義播放器按鈕僅在隱藏視頻時顯示

Angular YouTube播放器1.4

• 您觀看視頻的歷史
• 小固定

Angular YouTube播放器1.3

• 顯示/隱藏視頻播放器
• 重複視頻
• 趨勢視頻的網格/列表模式
• 設置（您可以從“ Assets/settings.json”設置默認值，很快將直接來自設置）
• 更改趨勢視頻的國家（目前只有三個國家，美國，英國和RO）
• 最大結果顯示在搜索中（0至50）
• your_api鍵
• 最大相關視頻（0到50）

Angular YouTube播放器1.2

• 介紹趨勢視頻，目前默認的趨勢視頻來自美國
• 重構代碼
• 為將來的組件添加路線
• 默認視頻將首先來自趨勢視頻
• 添加視頻播放器
• 更新設計以匹配新功能

Angular YouTube播放器1.1

• 添加靜音/取消靜脈功能
• 改進的用戶界面和用戶體驗
• 添加設置功能，設置將從資產/設置獲得。

設定

• 顯示/隱藏調試功能
• 在搜索中顯示/隱藏縮略圖

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
• 自動更新應用程序（桌面版本）
• 主題暫時刪除

版權和許可

根據麻省理工學院許可證的版權Quead。