Reproduzir aúdio em HTML

por ZombieW 21.07.15 16:32

Boa tarde,

Tenho como adicionar (de alguma forma) mini-arquivos de som nos tópicos?

por **Fraise** 21.07.15 16:35

Olá!

Você pode anexar o ficheiro de aúdio em seu fórum.
Para isso, vá em:

Painel de Controle Geral Mensagens e e-mails Anexos

Cumprimentos.
Fraise

por ZombieW 21.07.15 17:38

Ok, obrigado.

Mas depois consigo usar ele de forma "ativa" no fórum?

Eu quero algo parecido com isso da Wiki: Sound Archive.

Repare que ao clicar no botão, o áudio começa. Isso é possível de ser fazer?

por **Fraise** 21.07.15 17:41

Olá!

Você poderá anexar o seu ficheiro ao tópico.

Cumprimentos.
Fraise

por ZombieW 22.07.15 3:08

Certo, nunca tinha usado essa função...

Mas preciso anexar um arquivo de áudio no formato .ogg, como faço?

por **Fraise** 22.07.15 11:29

Olá!

Estão disponíveis várias extensões de ficheiros, tal como .mp3 para ficheiros de aúdio, segue imagem abaixo:
Reproduzir aúdio em HTML BhgWE5w

Cumprimentos.
Fraise

por ZombieW 22.07.15 13:47

Eu vi isso.

Não precisa me passar uma imagem sobre o que eu já sei.

Minha pergunta é se eu posso usar o formato .ogg e como eu faria (não necessariamente com os anexos do fórum).

por RafaelS. 22.07.15 15:45

Olá,

Como vê na imagem acima, não é possível anexar ficheiros de formato .ogg, visto que ele não se encontra na lista.

Atenciosamente.

por **Fraise** 22.07.15 18:46

Olá!

Você poderá usar um conversor online, segue um abaixo:

http://media.io/

"Output Format" é a extensão que você deseja como resultado.

Cumprimentos.
Fraise

por ZombieW 23.07.15 13:56

Bom dia,

Efetuei um teste:

1º) o site passado não está funcional, usei o Format Factory;
2º) os arquivos ficam anexados para baixar, tenho como deixar de alguma forma para que fiquem "tocáveis"? (como se fosse um player do YouTube)

por **Fraise** 23.07.15 14:10

Olá!

Eu pensei que você se referia aos anexos. Louco

Sendo assim, terá de fazer de outra forma. Primeiramente, habilite o HTML em seu fórum.
Depois é só usar o código abaixo nos tópicos para que toque música.

<embed src='http://meoarena.party/musica.mp3' hidden='false' autostart='true' loop='false' type='audio/mpeg' />

http://meoarena.party/musica.mp3 - Troque pelo endereço da música desejada.
Verde - Troque para true caso você queira que não se veja o player.
Azul - Troque para false caso você não deseje que comece automaticamente.

Cumprimentos.
Fraise

por ZombieW 23.07.15 14:28

Uma dúvida: como mudamos a forma de apresentar o áudio, tem que ser obrigatoriamente um arquivo .mp3?

por **Fraise** 23.07.15 14:30

Olá!

Preferencialmente sim. Feliz

Mais alguma dúvida relacionada a este assunto?

Cumprimentos.
Fraise

por ZombieW 23.07.15 14:37

Sim, mais uma: se eu subir o arquivo .mp3 no SoundClound ou no MediaFire (ou outro), funcionará também?

por RafaelS. 23.07.15 14:39

ZombieW escreveu:Uma dúvida: como mudamos a forma de apresentar o áudio, tem que ser obrigatoriamente um arquivo .mp3?

Olá!

Não, poderá também ser .ogg, ou outro formato.

Atenciosamente.

Tópico movido de 'Questões sobre o painel de administração' para 'Questões sobre HTML & BBCode'

por ZombieW 23.07.15 15:18

Executei 3 testes:

Código:: <embed src='https://soundcloud.com/douglas-lodetti-garcia/acr-deselect' hidden='false' autostart='false' loop='false' type='audio/mpeg' /> <embed src='http://www.mediafire.com/listen/gf3qt87cxrxcdrm/ACR_FIRE.mp3' hidden='false' autostart='false' loop='false' type='audio/mpeg' /> <embed src='http://vignette1.wikia.nocookie.net/combatarms/images/3/33/ACR_FIRE.ogg' hidden='false' autostart='false' loop='false' type='audio/mpeg' />

Sendo o último, o arquivo original.

Em meu fórum, fica assim:

Reproduzir aúdio em HTML Captur12

por RafaelS. 23.07.15 15:22

Olá amigo!

O código será diferente, okay?

Código:: <audio controls> <source src="http://www.javascriptkit.com/script/script2/whistle.ogg" type="audio/ogg"> O seu navegador não suporta o elemento de áudio. </audio>

Atenciosamente.

por ZombieW 23.07.15 16:03

Alterado conforme pedido:

Código:: <audio controls><source src="https://soundcloud.com/douglas-lodetti-garcia/acr-fire" type="audio/mp3"></audio> <audio controls><source src="http://www.mediafire.com/listen/gf3qt87cxrxcdrm/ACR_FIRE.mp3" type="audio/mp3"></audio> <audio controls><source src="http://vignette1.wikia.nocookie.net/combatarms/images/3/33/ACR_FIRE.ogg" type="audio/ogg"></audio>

Porém, agora os "players" aparecem, mas não funcionam:

Reproduzir aúdio em HTML Captur13

por **Fraise** 23.07.15 16:10

Olá!

Tente este:

Código:: <audio controls><source src="http://meoarena.party/acrfire.mp3" type="audio/mp3"></audio>

Parece que não é funcional com o MediaFire.

Cumprimentos.
Fraise

por ZombieW 23.07.15 16:16

É...dos 4, parece que só por esse MeoArena foi.

Por favor, poderia me explicar se os arquivos desse site chegam a expirar um dia?

por RafaelS. 23.07.15 16:18

Olá!

Você está usando de forma incorreta, veja um exemplo:

Código:: <audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> O seu navegador não suporta elementos de áudio. </audio>

Atenciosamente.

por **Fraise** 23.07.15 16:20

Olá!

Eu estou na posse desse site, se não me engano irá expirar em Junho de 2016.
Mas você tem mais opções de websites, como por exemplo o picosong.

Cumprimentos.
Fraise

por ZombieW 23.07.15 16:23

Raffy escreveu:Olá!

Você está usando de forma incorreta, veja um exemplo:

Código:
<audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> O seu navegador não suporta elementos de áudio. </audio>

Atenciosamente.

Usando dessa forma não funcionou:

Código:: <audio controls><source src="https://soundcloud.com/douglas-lodetti-garcia/acr-fire" type="audio/mpeg"></audio> SoundCloud <audio controls><source src="http://www.mediafire.com/listen/gf3qt87cxrxcdrm/ACR_FIRE.mpeg" type="audio/mp3"></audio> MediaFire <audio controls><source src="http://vignette1.wikia.nocookie.net/combatarms/images/3/33/ACR_FIRE.ogg" type="audio/ogg"></audio> Original

Fraise escreveu:Olá!

Eu estou na posse desse site, se não me engano irá expirar em Junho de 2016.
Mas você tem mais opções de websites, como por exemplo o picosong.

Cumprimentos.
Fraise

@Fraise

Esse PicoSong, não expira? Eu pergunto, porque não quero ter que de refazer isso no futuro.
Irei subir cerca de 3500 arquivos. (500 armas no jogo, cerca de 7 arquivos para cada)

por **Fraise** 23.07.15 16:26

Olá!

Amigo, todos os sites têm o risco de expirar/fechar, nunca se sabe quando um vai fechar. Mais é mais provável que dure mais que o meu. Piscada

Cumprimentos.
Fraise

por ZombieW 23.07.15 16:29

O SoundCloud e/ou o MediaFire tem maiores chances de não fechar, se eu conseguisse usar eles no fórum...

@Raffy

Algum outra sugestão para usar um dos dois que citei acima?

por **Fraise** 23.07.15 16:33

Olá!

@ZombieW., caso ainda esteja interessado, achei um que está no ar desde 2011, penso que seja confíavel:

http://beemp3s.org/

Cumprimentos.
Fraise

por RafaelS. 23.07.15 16:38

Olá!

@ZombieW

Você não está usando o código corretamente, não deve repetir as tags <audio controls>.

Aqui está o código:

Código:: <audio controls> <source src="http://www.mediafire.com/listen/gf3qt87cxrxcdrm/ACR_FIRE.mpeg" type="audio/mpeg"> <source src="http://vignette1.wikia.nocookie.net/combatarms/images/3/33/ACR_FIRE.ogg" type="audio/ogg"></audio>

Caso não dê correto, é problema na hospedagem e quanto a isso não podemos fazer nada.

Atenciosamente.

por ZombieW 23.07.15 17:56

@Raffy

Fiz dessa forma, porém, só apareceu 1 player e não funcional.

Código:: <audio controls> <source src="https://soundcloud.com/douglas-lodetti-garcia/acr-fire" type="audio/mp3"> <source src="http://www.mediafire.com/listen/gf3qt87cxrxcdrm/ACR_FIRE.mpeg" type="audio/mp3"> <source src="http://vignette1.wikia.nocookie.net/combatarms/images/3/33/ACR_FIRE.ogg" type="audio/ogg"> source src="http://meoarena.party/acrfire.mp3" type="audio/mp3"> </audio>

por RafaelS. 23.07.15 18:05

Olá amigo!

Vamos esclarecer algumas coisas:

<audio controls>
<source src="https://soundcloud.com/douglas-lodetti-garcia/acr-fire" type="audio/mp3">
<source src="http://www.mediafire.com/listen/gf3qt87cxrxcdrm/ACR_FIRE.mpeg" type="audio/mp3">
<source src="http://vignette1.wikia.nocookie.net/combatarms/images/3/33/ACR_FIRE.ogg" type="audio/ogg">
source src="http://meoarena.party/acrfire.mp3" type="audio/mp3">
</audio>

type="audio/mp3" = Mesmo que o ficheiro seja mp3 o tipo deverá ser mpeg, pois caso contrário não ira funcionar visto que não existe o que o senhor está tentando fazer.

Ou seja, correto seria assim: type="audio/mpeg"

Além disso, todos os ficheiros devem estar hospedados desta forma: http://meoarena.party/acrfire.mp3
Caso contrário não irão aparecer.

Atenciosamente.

por ZombieW 23.07.15 18:17

Certo, então como o SoundCloud não deixa minha URL ".mp3", eu vou removê-la.

Sendo assim, ficou:

Código:: <audio controls> <source src="http://www.mediafire.com/listen/gf3qt87cxrxcdrm/ACR_FIRE.mp3" type="audio/mpeg"> <source src="http://vignette1.wikia.nocookie.net/combatarms/images/3/33/ACR_FIRE.ogg" type="audio/ogg"> source src="http://meoarena.party/acrfire.mp3" type="audio/mpeg"> </audio>

Ficou certo dessa vez?

Dois formatos ".mp3" com a tag "audio/mpeg".
E um formato ".ogg" com a tag "audio/ogg".

Se ficou certo, ainda aparece só um player e não funcional.

por RafaelS. 23.07.15 18:27

ZombieW escreveu:Certo, então como o SoundCloud não deixa minha URL ".mp3", eu vou removê-la.

Sendo assim, ficou:

Código:
<audio controls> <source src="http://www.mediafire.com/listen/gf3qt87cxrxcdrm/ACR_FIRE.mp3" type="audio/mpeg"> <source src="http://vignette1.wikia.nocookie.net/combatarms/images/3/33/ACR_FIRE.ogg" type="audio/ogg"> source src="http://meoarena.party/acrfire.mp3" type="audio/mpeg"> </audio>

Ficou certo dessa vez?

Dois formatos ".mp3" com a tag "audio/mpeg".
E um formato ".ogg" com a tag "audio/ogg".

Se ficou certo, ainda aparece só um player e não funcional.

Exatamente assim. Só aparece um player porque apenas um ficheiro foi hospedado corretamente: http://meoarena.party/acrfire.mp3

Atenciosamente.

por ZombieW 23.07.15 18:42

Ok, compreendi.

O mais estranho é que todos abrindo no navegador funcionam...

Original em Ogg (abra o ACR - Fire / Descarregar Arquivo)
MediaFire em MP3

Enfim, assim que eu testar outros sites (provavelmente eu terei alguma dúvida ainda), eu fecho o tópico.

Obrigado até agora.

por **Fraise** 26.07.15 22:57

Olá @ZombieW!

Poderia-nos informar se sua dúvida já se encontra sanada?

Cumprimentos.
Fraise

por ZombieW 27.07.15 1:41

Peço desculpas, esqueci de testar ontem e hoje.

Vou testar agora, peço que não feche o tópico ainda.

por ZombieW 27.07.15 4:05

Fraise escreveu:Olá!

Tente este:
Código:
<audio controls><source src="http://meoarena.party/acrfire.mp3" type="audio/mp3"></audio>

Fraise

@Fraise

Como você fez para funcionar no seu site?

Eu fiz upload do arquivo no meu site, ai inseri o código abaixo, mas não funcionou.

Código:: <div class="CA">ACR</div> <audio controls> <source src="http://www.tutorialdoca.com/ACR_FIRE.mp3" type="audio/mpeg"> </audio>

por **Fraise** 27.07.15 12:33

Olá!

Atenção às mensagens consecutivas antes das 24 horas, se precisar de adicionar informação adicional edite a sua mensagem anterior. Piscada

Eu somente fiz o upload do arquivo. O seu ficheiro não se encontra funcional, pois dá mensagem de "You can return to index", de certeza que fez o upload corretamente?

Cumprimentos.
Fraise

por ZombieW 27.07.15 17:58

Fraise escreveu:Olá!

Eu somente fiz o upload do arquivo. O seu ficheiro não se encontra funcional, pois dá mensagem de "You can return to index", de certeza que fez o upload corretamente?

Cumprimentos.
Fraise

Só se eu fiz de forma errônea. Eu fui num tópico de testes e adicionei o arquivo .mp3 como anexo, depois tentei abrir a url do site + o nome do arquivo.

por **Fraise** 27.07.15 18:04

Olá!

Chegou a tentar os sites que eu citei algures aqui no tópico?

Cumprimentos.
Fraisee

por ZombieW 28.07.15 3:01

Fraise escreveu:Olá!

Chegou a tentar os sites que eu citei algures aqui no tópico?

Cumprimentos.
Fraisee

Sim, e a maioria da as URL como "site/musica" sem a extensão.

Alguma outra ideia?

por **Fraise** 30.07.15 14:02

Olá!

Amigo, eu posso lhe passar o site onde hospedo os arquivos, mas é complicado de utilizar:

http://000webhost.com/

Cumprimentos.
Fraise

por ZombieW 30.07.15 17:51

@Fraise

Não achei o site difícil não! Já vi piores. '-'

Código:: <div class="CA">ACR</div> <audio controls> <source src="http://audio-tutorialdoca.net76.net/ACR/ACR_DESELECT.mp3" type="audio/mpeg"> </audio> Cancelar a Seleção <audio controls> <source src="http://audio-tutorialdoca.net76.net/ACR/ACR_SELECT.mp3" type="audio/mpeg"> </audio> Seleção <audio controls> <source src="http://audio-tutorialdoca.net76.net/ACR/ACR_DRYFIRE.mp3" type="audio/mpeg"> </audio> Disparo Seco <audio controls> <source src="http://audio-tutorialdoca.net76.net/ACR/ACR_FIRE.mp3" type="audio/mpeg"> </audio> Disparo <audio controls> <source src="http://audio-tutorialdoca.net76.net/ACR/ACR_RELOAD1.mp3" type="audio/mpeg"> </audio> Recarga - Parte 1 <audio controls> <source src="http://audio-tutorialdoca.net76.net/ACR/ACR_RELOAD2.mp3" type="audio/mpeg"> </audio> Recarga - Parte 2 <audio controls> <source src="http://audio-tutorialdoca.net76.net/ACR/ACR_RELOAD3.mp3" type="audio/mpeg"> </audio> Recarga - Parte 3

Deu certo! o/

Pode fechar e obrigado pela paciência comigo!

por **Fraise** 30.07.15 17:53

Depende de quem o usa. Feliz

Para mim, ao inicio foi difícil. Já agora, aconselho você acessar sua conta no 000webhost de mês a mês para a manter ativa.

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.