angular youtube player

Demonstração

Sobre jogador

Este é um web player simples do YouTube com base no angular-cli, ngx-socket-io, @angular/cdk.

Este jogador é compatível apenas com os navegadores Chrome/Webkit.

O status do projeto é RC (candidato a liberação).

Como usar

Para desenvolvimento

1. Instale o NodeJS 16.14.0+

2. Baixe/repositório de clone e instale o player por

npm install na pasta raiz (não em /src)

3. Adicione sua tecla API do YouTube no SRC/App/Ambiente/Settings.ts ou dentro do aplicativo na página Configurações (quando está em execução)

4. Inicie seu servidor

npm install && npm start na pasta raiz

5. Conecte -se ao seu servidor

Você deve alterar dentro do src/app/ambientes/ambiente.ts seu caminho para o servidor.

Para construir o aplicativo

1. Instale o angular-cli

npm install -g @angular/cli

2. Corra dentro da pasta raiz (não em /src)

Verifique a documentação angular para outras opções de construção.

ng build --prod=true

Changelog

Angular YouTube Player 2.6.0

• Lista de convidados na sessão
• Problemas menores corrigidos (RC)
• Adicione o Mini Player quando você rolar
• O primeiro vídeo da lista de reprodução agora é o vídeo atual

Angular YouTube Player 2.5.2

• Adicionar crachá de categoria para alimentar vídeos e vídeos atuais
• Atualizações da interface do usuário
• Novo componente modal

Angular YouTube Player 2.5.1

• Atualizar angular para LTS (de 7 a 8)
• Modo de repetição corrigido
• Atualizar layout para playlist / vídeos relacionados

Angular YouTube Player 2.5

• Limpou o projeto para evitar usar muitas dependências
• Corrija o problema quando você muda a região não atualizou o jogador
• UX melhorado para a lista de reprodução
• Adicionado nome do cliente para identificar cada usuário na sala

Angular YouTube Player 2.4

• Mudou de Firebase para JSON através do Socket.io e servidor privado
• Layout responsivo
• Sync Player em sessão
• Salas: junte/deixe espaço por id exclusivo
• Lista de reprodução não é mais povoada automática quando está vazio
• Você não pode mais exportar/importar do arquivo .json

Angular YouTube Player 2.3.3

• Corrigido erros após a refatoração
• Chave de sessão adicionada para a lista de reprodução, que você pode fazer upload para o Cloud e download da Cloud (integrado ao Firebase)
• Atualização de layout
• Atualizado do Angular 5.2.0 para 7.0.1
• Carrossel adicionado para vídeos relacionados (NGU-carousel usado)

Angular YouTube Player 2.3

• Atualizando para o LTS Angular
• Refatorar serviços e componentes de aplicativos inteiros
• Desempenho de velocidade aprimorado e corrigir grandes bugs
• Nova maneira de carregar o aplicativo

Angular YouTube Player 2.2

• Classifique a lista de reprodução de arrasto e solteira (usada ng2-dragula)

Angular YouTube Player 2.1

• Categorias com vídeos como (música, jogos, automóveis, filmes, esportes, etc.)
• REFATORIA CÓDIGO
• Pesquise em região específica
• Corrigindo o link de cópia para o vídeo em destaque
• Melhorias de UX

Angular YouTube Player 2.0.1

• Importar e exportar Lista de reprodução do YouTube como .json Arquivo

Angular YouTube Player 2.0

• Tocadas de atendimento global para aplicação no desktop (play/pausa/next/prev, para teclados com botões de mídia)
• Adicionando suporte para o NW.js para exportar o aplicativo para compatíveis com desktop: Windows X64, Linux X64
• Atualizando automaticamente o aplicativo (versão da área de trabalho)

Player angular do YouTube 1.9.2

• Melhorias e correções de UX
• Preparando arquivos para 2.0

Player angular do YouTube 1.9.1

• Obtenha configurações.json para localStorage se o seu armazenamento local estiver vazio
• A lista de reprodução salvando automaticamente, se estiver vazia, será preenchida com vídeos relacionados
• Alternar o modo de tema claro/escuro
• Compartilhe o botão de link para todos os vídeos
• Página de configurações reorganizadas
• Economia automática para configurações internas (Configurações de verificação)
• Economia manual para configurações externas (Configurações de verificação)
• Melhorias e correções de desempenho, interface do usuário e UX

Angular YouTube Player 1.9

• Adicione/remova itens da lista de reprodução, primeira vez que é inicializada, ele é preparado com vídeos relacionados
• Próximo/prev vídeo da sua lista de reprodução
• Mudou a história para a página separada
• Adicionando vídeo de alternância, modo repetir e listar e grade sobre tendências para configurações.json
• Pequenas correções

Player angular do YouTube 1.7

• Adicionado vídeo em destaque como primeiro vídeo da tendência
• Notificações para ações importantes que você faz
• Modo de depuração removido
• Preparando pacotes, código e arquivos para v2.0
• Ui/UX aprimorado para listas

Player angular do YouTube 1.6

• Detalhes do vídeo para vídeos atuais de vídeo e tendências, como número de visualizações, curtidas e desgostos
• Compartilhe o link para o vídeo atual
• Adicionada nova configuração para esconder todas as miniaturas
• Os botões do player personalizado são exibidos agora apenas quando você esconde vídeo

Angular YouTube Player 1.4

• História de seus vídeos assistidos
• Pequenas correções

Player angular do YouTube 1.3

• Mostre/oculte player de vídeo
• Repita o vídeo
• Modo de grade/lista para vídeos de tendências
• Configurações (você pode definir o padrão de "Assets/Settings.json", em breve será diretamente das configurações)
• Mude o país para vídeos de tendências (atualmente apenas três países, EUA, Reino Unido e RO)
• Os resultados máximos são mostrados na pesquisa (0 a 50)
• Sua tecla Your_API
• Vídeos relacionados ao máximo (0 a 50)

Angular YouTube Player 1.2

• Apresentando vídeos de tendências, atualmente os vídeos de tendências padrão são dos Estados Unidos
• Refatorando o código
• Adicionando rotas para futuros componentes que serão exibidos no Navbar esquerdo
• O vídeo padrão será o primeiro a partir de vídeos de tendência
• Adicionando o player de vídeo
• Atualize o design para corresponder aos novos recursos

Player angular do YouTube 1.1

• Adicionando funcionalidade mudo/de som
• Interface do usuário aprimorada e experiência do usuário
• Adicionando funcionalidade de configurações, as configurações serão obtidas de ativos/configurações.json

Configurações

• Mostre/oculto recursos de depuração
• Mostrar/ocultar miniaturas em busca

Angular YouTube Player 1.0.2

• Altere o volume do seu vídeo
• Vídeos relacionados

Player angular do YouTube 1.0.0

• Pesquise e reproduza o vídeo do YouTube
• Jogue/pausa em vídeo
• Mude o tempo do seu vídeo que você deseja ouvir

Características futuras

Backlog

• App iOS 8+ / Android 5+ (não versionado)

Quartos

• *Chat da sala (não versionada)*

Roteiro para 3.0

• *Libere uma versão estável (em v2.6.9)*
• *Set Private/Public Room (em v2.7)*
• *Lista de salas públicas (em v2.8)*
• *Moderadores de quartos que podem adicionar vídeos, chutes de quarto, companheiros de quarto mudos (em v2.9)*

Roteiro para 4.0

• Integração de assinaturas/lista de reprodução da conta do YouTube (em v3.0)

Recursos removidos

• Tocadas de atendimento global para aplicação no desktop (play/pausa/next/prev, para teclados com botões de mídia)
• Adicionando suporte para o NW.js para exportar o aplicativo para compatíveis com desktop: Windows X64, Linux X64
• Atualizando automaticamente o aplicativo (versão da área de trabalho)
• Temas temporários removidos

Direitos autorais e licença

Copyright Quead sob a licença do MIT.