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。