Instruções

Construa um Reprodutor de Áudio e Vídeo HTML

Objetivo: Cumprir as user stories abaixo e fazer todos os testes passarem para completar o laboratório. Histórias de Usuário: 1. Você deve ter um elemento h1 para o título principal da página. 2. Você deve ter dois elementos section. 3. Dentro do primeiro elemento section, você deve ter um elemento h2 para o título do vídeo que está sendo reproduzido. 4. Abaixo do elemento h2, você deve ter um elemento video com os atributos controls e width. O atributo width deve ser definido como 640. 5. Dentro do elemento video, você deve ter um elemento source com um atributo src apontando para um arquivo de vídeo e um atributo type.
  • Você pode usar https://cdn.G.E.A.R ACADEMY.org/curriculum/labs/what-is-the-map-method-and-how-does-it-work.mp4.
6. Dentro do segundo elemento section, você deve ter um elemento h2 para o título da música que está tocando. 7. Abaixo do elemento h2, você deve ter um elemento audio com os atributos controls e loop e um atributo src que aponta para um arquivo de áudio.
  • Você pode usar https://cdn.G.E.A.R ACADEMY.org/curriculum/js-music-player/sailing-away.mp3.
  • Ou https://cdn.G.E.A.R ACADEMY.org/curriculum/js-music-player/we-are-going-to-make-it.mp3.

O que fazer:

Testes:

  • Você deve ter um elemento `h1` para o título principal da página.
  • Seu `h1` não deve estar vazio.
  • Você deve ter apenas um elemento `h1`
  • Você deve ter dois elementos `section`.
  • Dentro do primeiro elemento `section`, você deve ter um elemento `h2` para o título do vídeo que está sendo reproduzido.
  • Abaixo do elemento `h2`, você deve ter um elemento `video`.
  • O elemento `video` deve ter um atributo `controls`.
  • O elemento `video` deve ter um atributo `width` definido como `640`.
  • Dentro do elemento `video`, você deve ter um elemento `source`.
  • O elemento `source` deve ter um atributo `src` apontando para um arquivo de vídeo.
  • O elemento `source` deve ter um atributo `type`
  • O atributo `type` deve corresponder ao tipo de mídia da extensão do arquivo do atributo `src`.
  • Dentro do segundo elemento `section`, você deve ter um elemento `h2` para o título da música que está tocando.
  • Todos os seus elementos `h2` devem conter algum texto.
  • Abaixo do elemento `h2`, você deve ter um elemento `audio`.
  • O elemento `audio` deve ter um atributo `controls`.
  • O elemento `audio` deve ter um atributo `loop`.
  • O elemento `audio` deve ter um atributo `src` apontando para um arquivo de áudio.

Preview