8
votos
Aceito
Alternar funções javascript
O objeto também tem um método pause, e uma propriedade paused para verificar se já está pausado. Então você pode fazer assim:
var sng1 = document.getElementById("audio1");
var bt1 = document....
6
votos
Aceito
Limitar Controles de áudio do HTML5
É possível, mas não dá para escolher os controles no próprio player. Ou é tudo ou nada. Então você tem que criar um botão manualmente e vincular ele ao player, o que pode até ser vantagem porque pode ...
5
votos
Aceito
Tocar som de alerta após consulta no banco (PHP + MYSQL)
Sua função javascript provavelmente não estava funcionando (acredito que) porque você estava "tocando" o som antes do elemento audio ser criado. Por exemplo:
<?php
//seleciona o numero de linhas ...
5
votos
Aceito
Como criar playlist de áudio aleatório?
Você chegou perto, faltou fazer as interações entre o JavaScript e o HTML, bem como a chamada das funções do elemento audio.
Veja no código abaixo como é simples:
HTML
<audio id="player">
O ...
4
votos
Como criar playlist de áudio aleatório?
O que acho legal nesses casos de random playlist é ir removendo os elementos já tocados da array, assim não arrisca repetir. E quando esvaziar a array, popular ela de volta com a array original.
Fiz ...
4
votos
Capturando áudio pelo microfone via JavaScript ou HTML
Isso pode ser feito através do Media Capture and Streams, quando suportado (O Firefox, Chrome e Opera dão suporte; o Internet Explorer, receio que ainda não).
Em primeiro lugar, procure pela função ...
4
votos
Aceito
Problema de compatibilidade com áudio API firefox
O suporte da API Audio no Firefox é, no momento, parcial, como você pode ver nesta lista da fundação Mozilla:
<audio>: MP3 Firefox (Gecko): Partial (see below)
To avoid patent issues, ...
4
votos
Aceito
Gravar arquivo de vídeo após captura no site
Vou postar apenas a parte do envio do JavaScript, como você vai receber no PHP e vai processar a Stream, isto irei deixar ao seu criterio.
Para o exemplo abaixo, irei utilizar um input:file, nele ...
4
votos
Aceito
Personalizar barra de volume player html5
Podes usar o "novo" input type=range com min=0, max=1 e step=0.1, quando acontecer o onchange ele faz o assign do volume para this.value:
<audio id="demo" src="http://audio.ibeat.org/...
3
votos
Tocar um aúdio por vez
Acho que seria melhor manter um player e usar uma função javascript para alterar o src e executar, assim você pode ter quantos sons quiser sem ter que se preocupar em ficar controlado a execução de ...
3
votos
Aceito
Como fazer um player de áudio em forma de circulo que calcula o tempo ao seu redor?
Aqui fica uma sugestão com SVG, que é a tecnologia usada nesse site também:
var audio = document.querySelector('audio');
audio.addEventListener('timeupdate', function() {
var dur = this....
3
votos
Como capturar áudio do microfone usando API de áudio do HTML5?
Eis um pequeno trecho código que realiza isso (testado com sucesso no Chrome 33 e no Firefox 28):
var audioContext, microphoneStream;
function getUserMedia_Success(mediaStream) {
...
3
votos
Meter o som FadeOut quando clicar no botão de pausa
Tens de usar o .volume dentro de um ciclo de pequenos ajustes para simular o efeito fadeout|fadein.
Um exemplo poderia ser juntando o play|pause também, assim:
const fade = (function(){
let ...
3
votos
Audio só iniciar quando eu chegar em determinada div
Você precisa definir uma Classe ou um id para a div que quer que inicie o áudio.
<audio id = "audioDiv" src="audio/2.mp3"></audio>
Remova o AutoPlay do seu elemento
No Javascript você ...
3
votos
Como obter a frequência do microfone em Hertz no Java Script?
Já falei algumas vezes disso aqui, pode parecer algo bobo querer pegar frequências, mas acontece que não é, tudo vai depender de N fatores, o quão preciso você quer que a captura seja, as frequências ...
2
votos
Player de audio HTML 5 com avançar/retroceder
O caminho mais curto é você utilizar um servidor de streaming para o usuario pular para alguma parte do audio que não foi feita o download e iniciar o download para o ponto que ele deseja.
Para não ...
2
votos
Como obter info de uma coluna do banco de dados através do método GET que recebo de outra página.
Cara,
Eu recomendo você não passar o id de forma concreta (site.php?id=1).
Faça com que ele mande de forma criptografada, pode-se usar o "base64_encode" na hora que você inserir o código no link....
2
votos
Aceito
Audio API para calcular a duração de várias músicas
O loademetadata é um evento, por isto você quase conseguiu:
ele vai sendo chamado e você precisa incrementar uma variável para armazenar o Tempo Total e atualizar a interface com usuário a cada vez ...
2
votos
Aceito
Site com áudio MP3 não toca no iPhone
Primeira dica, sempre use var quando for declarar as variaveis, ex: var variavel = ...;, deve ficar algo como:
$(document).on('click', '#tocar-musica', function () {
var id_musica = $(this).find('...
2
votos
Aceito
mytrack.duration retorna NaN
Tente adicionar o evento loadeddata, exemplo:
mytrack.addEventListener("loadeddata", function() {
alert(this.duration);
});
Da forma que você está tentando fazer, o script executa antes do áudio ...
2
votos
Audio de fundo contínuo
Para resumir o play de um arquivo de áudio em determinada posição, o servidor precisa de estar configurado corretamente.
O navegador envia solicitações em intervalos de bytes (byte-range) para ...
2
votos
Tocar som de alerta após consulta no banco (PHP + MYSQL)
Encontrei a resposta:
Ao invés de usara minha função javascript, usei somente a linha:
<embed src='alert.mp3'width='1' height='1'>
E isso resolveu o problema.
Código final:
<?php
//...
2
votos
Limitar Controles de áudio do HTML5
O API do HTML5 só permite mostrar ou não mostrar os controlos todos.
Para esconder tudo podes fazer assim (http://jsfiddle.net/eud2Lnne/):
function toggleControls() {
if (video.hasAttribute("...
2
votos
Como mostrar visualização de áudio enquanto toca?
usando o analyserNode e o canvas dá para fazer assim:
var w = 800;
var h = 600;
var total_bars = 16;
var sampleSize = 2048;
var background_color = "#231f20";
var bars_color = "#f0ad00";
var gap = 5;
...
2
votos
Aceito
ionic gravar audio não tras para view
Rodrigo, Boa Noite,
Recomendo utilizar o seguinte plugin pra gravação de áudio: cordova-plugin-media-with-compression(https://github.com/remoorejr/cordova-plugin-media-with-compression). Eu já ...
2
votos
Cortar áudio com javascript
Bem, consegui resolver meu problema e voltei aqui para compartilhar a solução para alguém que futuramente também precise. Até porque não encontrei nada parecido na net por mais incrível que pareça.
...
2
votos
Como fazer captura de áudio com HTML5 e Javascript?
Em mídia nem sempre é fácil fazer uma solução que funcione em todos os navegadores. Além disso, alguns casos pode ser necessário ativar flags específicas no Chrome por exemplo. A função que você ...
2
votos
Problema de compatibilidade com áudio API firefox
Use o SoundManager 2, é uma API híbrida muito boa, que usa um player em Flash quando não há suporte total ao HTML5.
http://www.schillmania.com/projects/soundmanager2/
2
votos
Pegar informações da faixa de música com JS
Você pode obter essa dados através das tags ID3 dos ficheiros mp3, mas para ler essa informação terá de usar as APIs FileReader e DataView.
Aqui vai um exemplo:
document.querySelector('input[type="...
1
voto
Tocar um aúdio por vez
Não sei se entendi direito, mas você pode realizar esse controle via Jquery.
$(function(){
$("#audio1").on('click', function(){
var pe = $("#audio2").get(0);
if(pe.paused == false)
...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
html5-audio × 54javascript × 33
html5 × 26
html × 14
php × 7
jquery × 7
áudio × 7
css × 3
ajax × 2
node.js × 2
css3 × 2
html5-video × 2
mysql × 1
asp.net-mvc × 1
python-3.x × 1
angularjs × 1
wordpress × 1
xml × 1
asp.net-mvc-5 × 1
ionic × 1
ios × 1
bootstrap-3 × 1
apache-cordova × 1
front-end × 1
flask × 1