igorrozani / filosofunk Goto Github PK

View Code? Open in Web Editor NEW

143.0 4.0 129.0 1.87 MB

Lindas frases para aquecer o seu coração

Home Page: http://filosofunk.com.br

License: MIT License

JavaScript 55.79% HTML 31.68% CSS 12.53%

funk vanilla-js hacktoberfest

filosofunk's Introduction

Filosofunk

Lindas frases para aquecer os corações

Para ver o site rodando: http://filosofunk.com.br/

Para ver a skill da alexa: em breve

Do que se trata?

Projeto feito nas horas vagas sem auxílio de bibliotecas e frameworks, utilizando apenas Vanilla JS, HTML e CSS, com o intuito de juntar frases engraçadas, divertidas, filosóficas ou criativas de músicas de funk.

Sugerir mudanças

Novas frases

As frases estão armazenadas no arquivo poesias.json, adicione as novas frases no final do arquivo, utilizando a seguinte estrutura:

{
        "estrofe": "Um pente é pente",
        "poesia": "É o pente",
        "poeta": "Os Hawaianos",
        "youtubeId": "dEh3dJORNU4",
        "startTime": "36"
}

Os campos são os seguintes:

estrofe: trecho da música;
poesia: nome da música;
poeta: nome do cantor(a) ou grupo;
youtubeId: id do vídeo no youtube;
startTime: tempo do vídeo que ocorre pela primeira vez o trecho.

Mudanças no código

O projeto possui apenas uma regra: não é permitido utilizar frameworks e/ou bibliotecas, apenas Vanilla JS.

Mudanças no código

Todo o código da alexa se encontra na pasta Alexa, caso suas alterações necessite de modificações no build da skill, descreva no PR tudo que é necessário.

Agradecimentos

Muito obrigado pela ajuda de Astolfo, José Francisco, Vitor Hugo, Felipe Zini, Giancarlo Rocha e aos contribuidores.

filosofunk's People

Contributors

Stargazers

Watchers

Forkers

goncalvesabrina jfobaltazar tcelestino guiialmeiida aditya2000 loracsilva luizbaldi jhonatanpereira andrewdazs dacostajose davidwillianx leilaapsilva pedr0ni pagsamo thiagosjk borgeslucaz arenhardt landreussi astolfoho mluisas acgfbr canoi12 danilobarreto gbrls thiagoaugustosm renanpvaz arthurhsmelo leocardoso94 mandyellow maysaborges viniciuslacerda0 eduardo-santos guilhermesteves hugo97s shadowdll danielhcorreia jorgeitenjr lucasmorais6 ahtlc victoraguiarguedes samwx helton-mori-dev avelinocneto natan7 rafaelbroseghini brunopizzio camilaveras davinakano lsfernandes92 victormazevedo gabrielaleal yuregsf tancredosouza duarte007 leolanavo thepabloaguilar leticiasb kungfumanda monotox arthurcn96 fernandotexeria joaopedrosandrade guilhermemattos16 jarodsim gleuvanir gabrielpetry-forks vinisaab jhonatasmatos pvicari gmpoliveira willendes guict danielthemoteo mariana4alves fernandoteixeir4 zedutra matgomes21 gitjooj spao234 jordyaraujo thalytabdn alexandresc murilobs iamef0 beatrizvalfranco matheusmiranda gabrielgomeso onepushmain larisselima pedrazn hugodemoraes brunaanselmo theslladev felipezini daminebenq mateuskuritza juliodias bibliofilo ga-sr felipeclabone

filosofunk's Issues

Adicionar endTime à estrutura

Adicionar o tempo em que ocorre o final da frase para que não continue tocando o resto da música.
Exemplo:

{
        "estrofe": "Sou foda",
        "poesia": "Sou Foda",
        "poeta": "Avassaladores",
        "youtubeId": "RIBkK5X_3mo",
        "startTime": "5",
        "endTime": "6"
}

Compartilhar frase no Facebook

Incluir o texto da poesia ao clicar em compartilhar no Facebook.

Audio não toca a primeira vez que acessa o site

Quando acessa pela primeira vez o site, o áudio não toca.

Isso ocorre apenas no primeiro acesso ao site, depois as músicas tocam normalmente.
Se acessar o site pela primeira vez, clicar no botão de stop e depois play, a música começa a tocar.

Apresentar o Youtube iframe nos mobiles

Percebi que as musicas não tocam no mobile.
devido a algumas restrições das plataformas mobiles com o autoplay e interação com a tela.

A ideia e mostrar o player do youtube, somente no mobile.
Assim o usuário se quiser escuta, ele mesmo clica para iniciar o vídeo do youtube e tem a experiencia completa do filosofunk. 😍