Para quem tentou executar a tag e fazer download do MP3, mas o texto com o link nunca aparece... eis a explicação que encontrei conversando com quem tem conhecimento na área: A tag não aparece, pois ela só será lida se o navegador NÃO TIVER NENHUM suporte à tag . Ou seja, se o navegador não ler MP3, OGG ou outro qualquer, mas ler algum tipo de formato de áudio , então o resultado será o controle de áudio inativo (porque ele lê áudio, só não o formato passado), porém sem mostrar a mensagem do parágrafo com seu link para download. Para que o texto com link para download seja mostrado, o navegador não deve ter nenhum suporte a áudio, ou seja, não tem navegadores hoje sem esse suporte, todos tocam áudio, logo, a tag nunca aparecerá (a não ser que você instale aqueles navegadores mega antigos que ninguém mais usa kkk). Alguns aqui nas mensagens, deram como sugestão colocar a tag para fora da tag que iria aparecer o texto com link. Realmente, aparece, PORÉM perde a essência do que seria a tag passada pelo professor. O texto de download nesse exercício deve aparecer SE o navegador não puder ler o áudio, e não aparecer em todo o tempo, independente se o áudio tocou ou não. MAS se o seu objetivo é liberar o download do arquivo mesmo tendo tocado ou não, então é só colocar o para fora de . Essa é a explicação que obtive depois de ficar quebrando a cabeça pra fazer o conteúdo da tag aparecer.
Vlw pela dica mano, e o autoplay funcionou cmg porém foi pq cliquei no link pra download e retornei a página de origem do site, meio estranho né ksksksk
outra coisa que notei aqui foi que mesmo colocando a tag fora da só aparece se colocar ela antes, ela ficando depois da tag também não aparece, mesmo estando fora.
Gente, o autoplay não funciona no Chrome pois foi proibido pelo mesmo. De acordo com a regra do Google é o próprio usuário que tem que vir a decidir se quer tocar o áudio/vídeo da página ou não. Convenhamos, é mt chato qd vc entra numa página e do nada tá tocando alguma coisa e tu fica procurando para desligar kkkkk...porém, no Microsoft Edge funciona normalmente o autoplay. Inclusive levei um susto com a intro do Guanabara kkkkkkkk
Olá amigo. Cara, fui fazendo testes e vi que ao deixar "autoplay" o site carrega e já vai tocando, mas tem que estar ativado o parâmetro controls ativado. É bom tirar o autoplay no caso de ter vários arquivos de áudio para carregar no site, para evitar que vire uma bagunça tocando todos os áudios quando entra no site. O auto play está funcionando, só que agora de uma forma diferente.
@@serjoh974 amigo pode explicar melhor?, Pq tipo no google n funciona o autoplay testei em outros navegador o autoplay pega certinho, ja o controsl o audio toca assim q vc aperta pra ele iníciar, eu queria por o auto play no google, vc tem a solução?
Autoplay no Google realmente não funciona mais, e o parâmetro controls não tem relação, visto que a única coisa que faz é adicionar um player de áudio ao site. O meio que eu encontrei de se aproximar de um autoplay, é fazendo com que o áudio comece a tocar na primeira interação com o site, isso por meio de JavaScript.
Melhoras prof Meu primeiro salário gostaria de te conhecer pessoalmente, te dar aquele abraço eterno de agradecimento por compartilhar com a gente o que um ser humano tem de mais valioso o seu CONHECIMETO. OBRIGADO GRANDE HOMEM...
@@filmes4k2023 Fazer isso que ele faz, requer tempo, independente se ela ganha por isso ou não. Se eu conseguir chegar lá eu mando uma grana pro guanabara!
Se o para download do arquivo mp3 não aparecer, é porque o seu navegador conseguiu ler o áudio. Caso o navegador não conseguisse ler todos os formatos, aí sim iria aparecer a mensagem de download. Logo o download não aparece porque é um caso lógico, SE reproduzir o áudio, NÃO aparece o download, SE NÃO reproduzir, APARECE o download.
Professor Muito Feliz aqui assistindo suas aulas adquirindo conhecimento de qualidade, você é de uma humildade muito grande e coração enorme, Deus sempre lhe abencõe.
li algo sobre site responsivo e a utilização do Bootstrap !!!! para isso, mas achei fantástico como utilizou esses recursos, você é um excelente professor.
Gustavo Guanabara agradeço muito, hoje desenvolvo app android e em breve IOS estou contigo desde quando começou, hj meu sobrinho faz faculdade e acompanha seu canal, parabéns guerreiro. aqui, explique flutter e dart (a sintaxe parece muito com js) para nós.
Muuuuuuuito boa essas aulas do capítulo 11! Para o atributo autoplay funcionar, tem que ser usado o atributo muted logo em seguida. Ou então, o navegador tem que ter permissão para executar áudios. Por padrão, todos os navegadores vem com essa permissão negada.
eu fiz assim: (eu uso o chrome) O que aconteceu foi o seguinte: o ícone de volume iniciou no mudo, e não começou a tocar. Não consegui fazer tocar nenhuma vez automaticamente até agora
Quando eu tenho alguma dúvida, só o Guanabara para me salvar... hahaha ótima aula! Eu tive o grande prazer de ser o teu aluno na Faetec de Santa Cruz no curso de Técnico de Informática, foi uma pena não ter finalizado o curso, mas já estou tendo novas oportunidades de dá essa continuidade no Vai na Web. Abraços, Professor!
Eu estou com o livro do Jon Duckett (quase acabando, inclusive). Vejo suas aulas como forma de revisão e sempre acabo aprendendo algo novo. Estou aprendendo muito e é tudo graças a você, Guanabara. Vlw, brother 🖖🏼🤓
Gostei do modo de playlist, assisti tudo e quando tiver algum site para fazer é somente vim no vídeo e ver novamente. Ficou muito fácil assim, obrigado Guanabara.
consegui colocar os dois audios na página com os 2 códigos diferentes que ele ensinou. Não sei se vcs se questionaram isso, mas eu me perguntei: "E como deixa os dois áudios na página, ai tentei só com um código e não funcionou, ele estava só substituindo o audio. Tentei o outro código e funcionou. Só queria desabafar hahaha to amando o curso Prof. muito obrigada por tanto! Estou vendo em 2022, mas imagino o trabalho pra gravar tudo em meio a pandemia na época e entregar um conteúdo de tanta excelência!
@@spectralofc1967 eu consegui colocar um monte de áudio, testando de várias formas. Meu código ficou assim: Reproduzindo áudio Vamos aprender a reproduzir áudios em HTML5. Se você quiser fazer o download da música em qualidade alta: Sia - Snowman - Piano Cover 320kbps
Nos "Chromium browsers" não é permitido autoplay, bom.. na verdade é, mas com o parâmetro *muted* setado. Não faz nenhum sentido abrir o site e "tocar" o áudio sendo que ele está mutado. Mas tudo bem, não sou eu o engenheiro que determinou isso. Fica assim:
muito boa aula. Só fiquei em dúvida de porque usar a segunda maneira de introduzir áudio, se a primeira eu achei bem mais facil. queria saber se tem alguma diferença ou tanto faz usar qualquer uma das duas maneiras
Também fiquei nessa dúvida, e porque funcionar apenas o atributo scr na dos áudios e nas imagens funcionar o srcset pra mesma função... que é anexar o arquivo... Vai ser difícil memorizar isso pq tem diferenças pra atributos que servem pra mesma coisa, já o type é igual. Não entendi e isso tá me incomodando :')
Alguém saberia me explicar porque funciona apenas o atributo scr na tag dos áudios e nas imagens funciona o atributo srcset na mesma tag pra ter a mesma função... Que é anexar o arquivo... Porque não são os mesmos atributos? Não entendi e isso tá me incomodando :')
Eu treinei usando o max-width e funcionou tudo certinho. Mas eu não entendi como atribuir as medidas, só botei medidas um pouquinho acima do tamanho da imagem e funcionou. Alguém pode me ajudar a entender sobre o max-width e o min-width?😢
Olá, estou acompanhando as aulas a partir de Angola e estou aprendendo muito. Encontrei um dificuldade nesta aula, escrevi os códigos direito, porem a imagem pequena aparece: imagem flexível.
Olá, também tive uma pequena dificuldade nesse ponto. Mas depois de olhar vááááárias vezes, vi que esqueci de acrescentar a unidade de media "px". Só digitava o número. Depois que percebi o problema. Espero que tenha sido fácil para vc encontrar o ponto de dificuldade e entendido essa parte da aula. Abraços!!
Quando coloca a propriedade muted dentro da tag audio, com o autoplay também, ele funciona, mas sem áudio. Colocando a tag controls dá para habilitar manualmente o áudio de novo. 🤔
Professsor, seu audio não deu play pq você escreveu um texto dentro do parametro audio. Texto referente ao: "Infelizmente seu navegador não consegue..." tira esse parametro P e o link para download p fora do parametro audio que o audio no navegador passa a dar play
Não entendi a diferença entre src e srcset. Os dois fazem a mesma coisa, busca o arquivo que queremos e o mostra na tela/navegador. Eu dei uma pesquisada no Google, mas não entendi direito a explicação.
Tenho um portal de chamados. E gostaria de quando chegasse um novo chamado, fosse criado uma notificação via audio que informasse que chegou "um novo chamado". Como faço:?
Por que muitas vezes usamos o parametro 'type' no html e especificamos o tipo do arquivo que estamos apresentando? Quando retiro esse parametro não vejo diferença nenhuma no resultado e pesquisei na internet mas não achei motivo pra colocá-lo. Se alguém me tirar essa dúvida eu agradeço
o navegador chrome não realiza mais esse download, apenas leva para outra pagina.. gostaria de saber se tem como consertar isso... escrevo a tag tudo certinho mais o navegador nao realiza o download.
Eu tive que dar um jeitinho brasileiro pra baixar a música, consegui de duas formas. A primeira: passei a música pro meu drive, deixei ela compartilhável, copiei o link e colei na tag "a" do vs code. A segunda forma: transformei a música em formato .rar; criei a tag "a", apertei ctrl + espaço e escolhi lá a música no format "rar". Daí quando eu clico, no site, ele baixa automaticamente
Versões recentes do Chrome e de demais navegadores que baseiam em Chromium não esta sendo permitido o atributo autoplay, tanto pra áudio quanto pra vídeo.