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.
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