Já tentei pesquisar em vários sites e não consegui solução... Não custa nada tentar aqui...

Preciso de um player de áudio flutuante, que surja assim que clico em certo botão (ex: ouvir podcast) na minha página, e que, permaneça aparecendo e tocando o "som", enquanto navego pelo site. Ele deve carregar um arquivo MP3, que no meu caso, seria um podcast.Na interfaçe do player flutuante preciso que contenha alguns comandos simples:

  • botãoplay/pause;
  • uma barra de indicação de progressão de reprodução do áudio (isso é até dispensável);
  • indicação do tempo reproduzido e do que falta pra reproduzir;
  • um botão pra fechá-lo e que pare a reprodução do som.

De preferência, que quando eu clique em outro botão que ative o player, mas para reproduzir outro arquivo MP3 diferente, ele pare a reprodução do arquivo que estava tocando e inicie o referente a esse novo botão. Obs: Não tenho noções muito avançadas de programação, por isso estou utilizando o Adobe Muse, assim, se der pra ajustar o player à edição do Muse, seria muito facilitador, mas de qualquer jeito já ajudaria.

Preciso de algo parecido a este, como nesse exemplo de site no link abaixo:

http://jovemnerd.com.br/nerdcast/nerdcast-408-sopranos-seu-tempo-acabou/

QUANDO CLICA-SE EM PLAY, SURGE O PLAYER FLUTUANTE.

perguntou Apr 08 '14 às 13:02

jhonatafcorrea's gravatar image

jhonatafcorrea
1111

editou Apr 11 '14 às 15:59

malhano_caio's gravatar image

malhano_caio ♦♦
349252

Já tentou usar HTML 5?

link permanente

respondeu Apr 08 '14 às 15:59

callazzans's gravatar image

callazzans ♦
451210.7k

Cara, eu sei que posso usar html 5, precisava mais é saber como... eu não tenho experiência com linguagens de programação. Estou apenas tentando montar meu site de forma visual, pelo Adobe Muse. Tipo, eu precisava mais é de exemplos de códigos pro player e de como usar...

jhonatafcorrea's gravatar image jhonatafcorrea (Apr 08 '14 às 17:27)

Bom, é por isso que indiquei HTML, você não é programador e não tem experiencia. Tem vários sites/fóruns dedicados a códigos e exemplos de códigos, esse aqui não é o melhor lugar.

callazzans's gravatar image callazzans ♦ (Apr 08 '14 às 17:31)

Ok, já busquei em vários sites códigos Html, mas não achei nada do jeito que eu queria, vou continuar procurando, obrigado.

jhonatafcorrea's gravatar image jhonatafcorrea (Apr 08 '14 às 17:53)

Que linguagem está usando no seu site?

callazzans's gravatar image callazzans ♦ (Apr 08 '14 às 18:00)

Creio que Html5, já que uso a versão mais recente do Adobe Muse

jhonatafcorrea's gravatar image jhonatafcorrea (Apr 08 '14 às 18:33)

editado pela moderação

link permanente

respondeu May 27 '15 às 21:51

Georlandio's gravatar image

Georlandio
1

editou May 28 '15 às 00:19

marcmira's gravatar image

marcmira ♦
36356329.8k

Sua resposta
mudar para preview

Siga esta pergunta

Por Email:

Uma vez que você entrar você poderá se inscrever para todas as atualizações aqui

Por RSS:

Respostas

Respostas e Comentários

Markdown Básico

  • *italico* ou __italico__
  • **negrito** or __negrito__
  • link:[texto](http://url.com/ "Qual é a sua dúvida?")
  • imagem?![alt texto](/path/img.jpg "Qual é a sua dúvida?")
  • lista numerada: 1. Foo 2. Bar
  • para adicionar uma quebra de linha basta adicionar dois espaços onde você gostaria que a nova linha estivesse.
  • tags HTML básicas também são suportadas

Tags

×1,171
×614
×153
×145
×83
×69
×52
×23

pergunta feita: Apr 08 '14 às 13:02

pergunta lida: 4,954 vezes

última alteração: May 28 '15 às 00:19