https://github.com/carla-coder/controle_de_midias
Tarefa - Projeto Controle de Mídias com Javascript
https://github.com/carla-coder/controle_de_midias
bootstrap css html javascript
Last synced: about 2 months ago
JSON representation
Tarefa - Projeto Controle de Mídias com Javascript
- Host: GitHub
- URL: https://github.com/carla-coder/controle_de_midias
- Owner: Carla-coder
- Created: 2024-04-16T10:37:54.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-30T14:16:47.000Z (over 1 year ago)
- Last Synced: 2025-01-18T04:43:36.633Z (over 1 year ago)
- Topics: bootstrap, css, html, javascript
- Language: HTML
- Homepage: https://controle-de-midias.vercel.app
- Size: 53.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Controle de Mídias
### Desafio: Elaborar um Site chamado Escuta ai!
Desenvolvi um site utilizando CSS - Bootstrap - JavaScript
O Site contém 3 playlists, com 3 artistas. ( Fiz apenas com 2 artistas ).
Os sons estão no projeto como arquivo.
O Player de música foi feito em Javascript com as opções em botões de Play/Pause, Próximo, Anterior e Aleatório.
O site e o player são interativos.
Contém uma navbar com as opções (Home/ Quem somos e peça sua música). Não coloquei o Player, o mesmo se encontra na página.
### Ficando então definido no escopo deste desafio:
- 'Home Page'
Página com as listas e o player de música.
- 'Quem somos'
Quem somos abre um modal informando uma breve informação sobre a empresa Escuta ai! LTDA
- 'Peça sua música'
Um modal abre um form contendo nome, email e um local para escrever o nome da música.
- O site é intuitivo, responsivo é de facil acesso a todos os usuários.
### Dificuldades encontradas
Minha maior dificuldade neste projeto foi baixar músicas. Utilizei um site recomendado mas o mesmo bloqueava as músicas assim que eram baixadas. Tive problemas com vírus.
Utilizei então um programa chamado 'Format Factory' para converter vídeos em áudios de arquivos de mídia 'download free'. Só assim consegui adicionar os arquivos de mídia em meu projeto.
O projeto é para fins de estudo e melhorias futuras.
## Como rodar o projeto
- Clone este repositório
- Abra o VSCode
- Rode o index.html pelo Live Server e conheça todas as funcionalidades deste projeto.
## Print das Telas
- Tela 1
- Tela 2
## Autores
- [@Carla-coder](https://www.github.com/Carla-coder)
## Instituição de Ensino
Escola Senai unidade Jaguariúna - Curso Técnico em Desenvolvimento de Sistemas FullStack - segundo semestre
Professor responsável pelo Projeto: Robson B. Souza https://github.com/robsonbsouzaa