Minicurso de ReactJS - Aula 3 - Funções de Play e Pause no Audiobook
ฝัง
- เผยแพร่เมื่อ 5 ก.ค. 2024
- Quer saber mais sobre o nosso Curso Completo de Javascript? Clique no link abaixo para garantir sua vaga na próxima turma:
dlp.hashtagtreinamentos.com/j...
PARA BAIXAR O MINICURSO GRATUITO DE JAVASCRIPT:
pages.hashtagtreinamentos.com...
-----------------------------------------------------------------------
► Arquivos Utilizados no Vídeo:
pages.hashtagtreinamentos.com...
-----------------------------------------------------------------------
PARA CONTRATAR A HASHTAG PARA SUA EMPRESA:
www.hashtagtreinamentos.com/t...
-----------------------------------------------------------------------
Fala Impressionadores! Hoje vamos para a terceira aula do Minicurso de ReactJS.
Nessa aula nós vamos criar as funções para os botões de play e pause para que eles fiquem alternando e para que possam tocar e pausar o audiobook.
Boa parte do que vamos ver é o que já vimos nas aulas anteriores, mas vamos utilizar a tag de áudio no HTML para poder usar o áudio e vamos utilizar o useRef (criar referência para variável).
Dessa forma vamos conseguir utilizar esse áudio dentro do nosso projeto. Então no final da aula já vamos conseguir utilizar os botões de play e pause para tocar o audiobook.
Só que ainda não temos uma funcionalidade para os outros botões, então não conseguimos fazer a troca de capítulos ou avançar/recuar o audiobook.
-----------------------------------------------------------------------
Vídeos Recomendados
► Instalar e configurar o VSCode: • Instalação do VS Code ...
► Funções no JavaScript:
• O que são Funções no J...
► O que é JavaScript?
• O que é JavaScript?
-----------------------------------------------------------------------
Hashtag Programação
► Inscreva-se em nosso canal: bit.ly/3c0LJQi
► Ative as notificações (clica no sininho)!
► Curta o nosso vídeo!
-----------------------------------------------------------------------
Redes Sociais
► Blog: bit.ly/2MRUZs0
► TH-cam: bit.ly/3c0LJQi
► Instagram: bit.ly/3o6dw42
► Facebook: bit.ly/3qGtaF2
Aqui nos vídeos do canal da Hashtag Programação ensinamos diversas dicas de Javascript para que você consiga se desenvolver nessa linguagem de programação e criar seus próprios projetos!
-----------------------------------------------------------------------
Conteúdo da Aula
00:00 Introdução
00:26 O que vimos na aula passada?
02:33 Funções para o botão (play e pause)
09:38 Tocador de audiobook (gerenciador de faixa)
12:17 Pasta de capítulos (arquivos do audiobook)
15:03 Importação do livro
16:03 Variável de estado (definir faixa atual)
21:13 Funcionamento da tag audio no HTML
21:40 useRef (criar referência para variável)
25:00 Ajustes no código
26:36 Teste do tocador de audiobook
27:10 Incorporar a função de pause
28:14 Seletor de capítulos
29:28 Conclusão
#javascript #hashtagprogramacao
Fala galera!
Gostou do vídeo? Deixa a sua curtida e se inscreve no canal!
PARA BAIXAR O MINICURSO GRATUITO DE JAVASCRIPT:
pages.hashtagtreinamentos.com/inscricao-curso-basico-javascript?origemurl=hashtag_yt_org_minijs_2-H9LzyL6EM
► Arquivos Utilizados no Vídeo: pages.hashtagtreinamentos.com/arquivo-javascript-1MvhpsaIaMcZooY1LtT05u41tfNj1Thln?origemurl=hashtag_yt_org_planilhajs_2-H9LzyL6EM
► Blog: bit.ly/2MRUZs0
► TH-cam: bit.ly/3c0LJQi
► Instagram: bit.ly/3o6dw42
► Facebook: bit.ly/3qGtaF2
Ótima Aula!
Já resolvi, deu certo kkkkkkkkkkkkkkkkkkkkkkkkkkkkk