1. Na hospedagem em que seu site está localizado, no diretório raiz (a pasta onde está o arquivo de índice), crie a pasta de áudio. No futuro, você colocará todos os arquivos de áudio nele.
3. Agora selecione os arquivos desejados, de preferência no formato mp3. Criar uma pasta áudio na raiz do site e baixe-os.
4. Resta apenas inserir o código de conexão do player. É adequado para qualquer site No lugar certo, você só precisa especificar o caminho para o arquivo do player e o arquivo de áudio, substituindo as palavras de acordo seu domínio e audio_filename:
E está tudo pronto! Você pode ver o trabalho exemplo.
como colocar musica de fundo em html
Usando o poder do HTML e do navegador, você também pode inserir música de fundo na página. Você precisará de um arquivo de áudio no formato desejado: WAV, AU, MIDI ou MP3. Você pode usar qualquer arquivo com a extensão especificada como exemplo.Primeira maneiraé a etiqueta de incorporação. O elemento embed é usado para carregar e exibir objetos (como arquivos de vídeo, filmes em flash, alguns arquivos de áudio, etc.) que o navegador não entende nativamente.
A sintaxe é bem simples:
A tag de fechamento não é necessária.
Agora vemos um exemplo de um registro com atributos, e abaixo com sua decodificação:
Incorporar atributos de tag para reproduzir áudio em html
largura - a largura do painel em pixels (ou porcentagem)
height - altura do painel em pixels (ou porcentagem)
alinhar - posição do painel em relação ao texto, valores possíveis são esquerda, direita, centro
oculto - permite ocultar o painel, valores de atributo: true - o painel está oculto, false - o painel está visível (valor padrão)
autostart - true - o player inicia automaticamente quando a página é carregada, false - espera que o botão play seja pressionado
loop - loop, true - a faixa é tocada em um círculo e, se false - apenas uma vez
A segunda maneira. Muito antigo, mas também prático) Adicione a melodia na mesma pasta (diretório) onde seu arquivo está localizado e escreva o seguinte código no corpo:
Como resultado, após carregar a página, a melodia que você especificou na tag bgsound soará. Agora vamos dar uma olhada nos atributos da tag
src- caminho para o seu arquivo de áudio
ciclo- quantas vezes repetir a melodia (se -1, então repete infinitamente)
Saldo- valor de equilíbrio estéreo (de -10.000 a 10.000)
volume- o volume da melodia, onde 0 é o máximo e -10000 é o mínimo.
No entanto, não haverá como controlar o player de forma alguma - cada vez que a página for atualizada, a faixa será reproduzida novamente.
Depois de descrever o método de inserção de música de fundo, quero dissuadi-lo disso, pois a maioria dos usuários, em regra, já ouve música no momento de visitar vários sites. Portanto, o acompanhamento musical só pode forçá-lo a fechar a guia com o site.
Incorporando áudio e música em HTML5 - tag de áudio
áudio- uma tag de par que define o som de fundo, música ou outro fluxo de áudio no site.
Atributos da etiqueta de áudio
Reprodução automática- o arquivo é reproduzido imediatamente no carregamento da página (semelhante à música de fundo bgsound)
controles- exibir o painel de controle do player no navegador
ciclo- reproduz o arquivo novamente após o término
pré-carregar- o arquivo de áudio será carregado junto com o carregamento da página
src- caminho para o arquivo de áudio (mp3 ou ogg)
Código de exemplo com tag de áudio
Áudio em HTML 5
No entanto, o conteúdo da Internet é muitas vezes único, por exemplo, inclui não apenas música, mas também comentários de artistas, entrevistas, todo tipo de histórias sobre criação, etc.
Um número incrível de utilitários foi criado para baixar conteúdo de streaming da Web - alguns deles são universais, outros são "aprimorados" para determinados serviços. Alguns programas obtêm acesso aos arquivos de áudio e vídeo originais e simplesmente os lêem byte a byte da Internet, e alguns podem retomar o download, fazer upload de arquivos para vários fluxos, trabalhar com grupos de arquivos etc. Uma descrição de fluxo pode ser um arquivo xml no formato ASX (para Windows Media Player) ou armazenados em arquivos de formato RealAudio (extensões .ra e .rm para áudio, .rv para vídeo), etc. Esses fluxos são entregues não apenas pelos protocolos http, udb / tcp padrão, mas também especial - rtsp, mms, rtp, bem como por meio de tecnologias peer-to-peer usadas, por exemplo, em um serviço de TV na Internet tão popular quanto o SopCast. Naturalmente, para reproduzir esses formatos, você precisa de um cliente apropriado - digamos, Windows Media Player, VLC media player e assim por diante. Este último, a propósito, pode não apenas reproduzir conteúdo de streaming, mas também salvá-lo em unidades locais. É ele que vamos usar, porque a maioria dos recursos são bastante difíceis para ele.
/IMAGE/1288182839_56_1.gif)
Portanto, para gravar, em particular, um programa de rádio online ou um podcast, você deve primeiro obter um link para o conteúdo de streaming e depois inseri-lo no player VLC. Se o seu site usa o Windows Media Player para reproduzir o áudio, é fácil acessar o link. Você precisa clicar com o botão direito do mouse no player incorporado na página do site e selecionar "Propriedades". No campo "Colocação", encontre o endereço e copie-o para a área de transferência. Se o site usa um Flash player ou um player desenvolvido com base em HTML5, é provável que você tenha que vasculhar o código-fonte da página ou recorrer a utilitários especiais para “extrair” links.
/IMAGE/1288182839_57.gif)
O próximo passo é converter o streaming de áudio. Talvez você não possa dizer que essa operação no VLC é simples e óbvia. Pelo contrário, é complicado e confuso. O comando de menu "Media Open URL" streaming de conteúdo pode ser gravado em um arquivo. Por padrão, o VLC está configurado para reproduzir o link e, para salvá-lo em um arquivo, você precisa alterar o modo para "Converter" na caixa de diálogo que é aberta. Ao mesmo tempo, a caixa de diálogo mudará - na nova janela, o arquivo de destino é indicado e o perfil é selecionado (ou seja, o formato no qual a gravação será salva). Depois de pressionar o botão "Iniciar", o player começa a copiar o streaming de áudio para um arquivo. Ele faz isso de forma completamente imperceptível e, em princípio, é capaz de escrever pelo tempo que quiser - esse processo terá que ser controlado de forma independente. Observe que quando você interrompe e continua o processo de conversão, o arquivo resultante é zerado. Então você precisa renomear os arquivos salvos anteriormente.
É bastante óbvio que é muito problemático repetir essa operação todas as vezes. Especialmente se você quiser escrever fluxos diferentes em momentos diferentes. O player VLC fornece uma ferramenta de download agendada simples chamada VLC Configurator. Indica o que e onde escrever (esses parâmetros são configurados da mesma forma descrita acima) e por quanto tempo. Por exemplo, se você precisa gravar um determinado programa de rádio na Internet todos os dias, deve definir as opções "Repetir" e "Intervalo entre repetições" na caixa de diálogo. Agora, o programa converterá automaticamente o conteúdo de streaming após o lançamento.
/IMAGE/1288182839_57_1.gif)
A propósito, o VLC também ajudará na conversão de fluxos, por exemplo, arquivos ASF em um MP3 mais familiar e compreensível para players de bolso. Essa operação pode ser feita manualmente, cada vez convertendo um arquivo local, ou automaticamente usando um simples script Powershell, que, como você sabe, faz parte do Windows 7 e está disponível em versões anteriores deste sistema operacional. Vários parâmetros são passados para o script - o caminho para os arquivos, a máscara dos arquivos e, opcionalmente, a pasta resultante onde os arquivos são armazenados (se não for especificado, os arquivos são gravados no diretório de origem). Dentro do loop, o programa VLC é chamado, para o qual os parâmetros são enviados: o que codificar, onde escrever e os parâmetros de codificação reais. No final da codificação, o VLC é descarregado da RAM. A última construção, que espera até que o processo seja descarregado da memória, permite verificar isso. Você pode inserir esse script em qualquer editor de texto - bloco de notas ou um editor Powershell ISE "visual" especial. Se você salvá-lo em um arquivo, por exemplo convert.ps1, ele será iniciado por uma construção do formulário:
. convert.ps1 c: arquivos música *.asf.
Em conclusão, vale destacar mais algumas características do roteiro. O sistema operacional Windows não grava automaticamente caminhos para programas, então você também deve especificar o caminho para vlc.exe no script: na versão de 64 bits - C: 'Program Files (x86) ' VideoLAN VLC (observe que as linhas com espaços estão entre aspas) e em 32 bits - C: 'Program Files' VideoLAN VLC . Além disso, você deve certificar-se de sair do programa VLC antes de executar o script, caso contrário, o método waitforexit() será executado indefinidamente (devido ao programa chamado no script sair, mas sua cópia permanece). Claro, também é possível lidar com IDs de processo no script, mas essa possibilidade só vai complicar. Para resolver esse problema, você deve simplesmente adicionar uma terminação forçada de todos os VLCs em execução no início do script: ps vlc* | %( $_.kill()). Outro recurso está relacionado ao sistema de segurança do Windows 7, que exige que todos os scripts sejam assinados. O comando Set-ExecutionPolicy RemoteSigned, que você precisa executar no Powershell como administrador, o ajudará a contornar essa limitação.
Script Convert.ps1 Powershell para converter conteúdo de streaming para MP3
param ( $inputpath, $curinga, $outputpath = $inputpath)
ls -path $inputpath $wildcard | %(
write-host $outputfile
vlc -i dummy $_.fullname ¨:sout=#transcode (acodec=mp3,ab=128,channels=2):standard (access=file,mux=asf,dst=$outputfile)¨ vlc://quit
Extraia áudio de vídeos FLV
Outro exemplo de uso do VLC e do Powershell juntos é a extração de áudio de vídeos FLV Flash. Tais videoclipes são armazenados em portais especializados, como, por exemplo, o notório YouTube. É claro que o Google e outros donos de hospedagem de vídeo de todas as formas possíveis impedem o download de conteúdo, mas sempre há maneiras de contornar a proteção e obter o vídeo que você gosta...
No entanto, o problema discutido aqui é o seguinte: como extrair áudio de um arquivo FLV carregado de qualquer forma conhecida para, por exemplo, ouvi-lo em um pocket player. Tal operação está dentro do poder do VLC, tanto na GUI quanto na linha de comando. A propósito, no primeiro caso, você precisa fazer quase o mesmo conjunto de ações de antes: selecione o comando "Mídia - Converter" / "Salvar" no menu, especifique os arquivos de origem e destino, bem como a conversão parâmetros, ou seja, o codec apropriado.
Para conversão manual usando Powershell, você precisa, como da última vez, construir um pequeno script (vamos chamá-lo de flv2mp.ps1), para o qual os nomes das pastas de origem e destino são enviados (por padrão - o mesmo que a origem). Todo o seu truque está nos parâmetros passados: como o vídeo não é obrigatório, você deve usar o parâmetro dummy, definir os parâmetros do arquivo no bloco padrão, e para que o script não se incomode com janelas pop-up, basta bloqueá-los com a opção --dummy-quiet --sout.
param ( $inputpath, $outputpath = $inputpath)
ls -path $inputpath *.flv | %(
$outputfile = caminho de junção $outputpath($_.name.replace($_.extension, '.mp3'))
write-host $outputfile
vlc $filename -I dummy --dummy-quiet --sout ¨#transcode (acodec=mp3,vcodec=dummy):standard (access=file,mux=raw,dst='$outputfile')¨ vlc://quit
psvlc | %($_.waitforexit())
linguagem HTML
Incorporar áudio e vídeo
Insira o som. Marcação
Adiciona, reproduz e gerencia as configurações de gravação de áudio em uma página da web. O caminho para o arquivo é definido através do atributo src ou etiqueta aninhada
Sintaxe:
De várias
Atributos da etiqueta
Reprodução automática- o som começa a tocar imediatamente após o carregamento da página;
controles- adiciona um painel de controle ao arquivo de áudio;
ciclo- repete a reprodução do som desde o início após a sua conclusão;
pré-carregar- usado para baixar um arquivo junto com o download de uma página da web;
src
A tag de fechamento é obrigatória.
Dentro do recipiente
Exemplo:
Inserir vídeo. Marcação
Adiciona, reproduz e gerencia as configurações de vídeo em uma página da web. O caminho para o arquivo é definido através do atributo src ou etiqueta aninhada
Sintaxe:
De várias
Atributos da etiqueta
Reprodução automática- o vídeo começa a ser reproduzido automaticamente após o carregamento da página;
controles- adiciona um painel de controle ao vídeo;
ciclo- repete a reprodução de vídeo desde o início após a sua conclusão;
altura- define a altura da área para reproduzir o vídeo;
largura- define a largura da área para reprodução de vídeo;
pré-carregar- usado para baixar vídeos junto com o download de uma página da web;
src- especifica o caminho para o arquivo que está sendo reproduzido.
A tag de fechamento é obrigatória.
Dentro do recipiente
Exemplo:
Exemplo de resultado no navegador:
Olá pessoal. Com você André.
Neste episódio, aprenderemos como conectar som para html página, ou seja, arquivos de formato de áudio para o seu site.
Existem 3 métodos de incorporação arquivos de som.
Ao clicar neste link, um programa padrão para reproduzir arquivos do formato especificado é iniciado automaticamente, geralmente Windows Media (reproduz arquivos AIFF, AU, MIDI, WAV e MP3). Esta opção é familiar para você, então vamos seguir em frente.
Segundo o jeito é usar um container .
Esse contêiner fornece a capacidade de ouvir controles de reprodução exibidos diretamente na página da Web, no entanto, o painel de controle de reprodução pode parecer diferente em navegadores diferentes.
Para que este container seja exibido, um plugin especial deve ser instalado no navegador. No Internet Explorer, é o padrão, mas quanto a outros navegadores, nem todos podem tê-lo. Então terá que ser instalado.
XHTML
|
O parâmetro src é obrigatório; ele especifica o nome do arquivo que está sendo reproduzido. Outros parâmetros podem ser omitidos. A lista deles é dada abaixo.
LARGURA=n- especifica a largura do console em pixels.
ALTURA=m- define a altura do console em pixels.
AUTOSTART=TRUE|FALSE- se definido como TRUE, a reprodução começa automaticamente.
AUTOLOAD=TRUE|FALSE- se definido como FALSE, o arquivo não é carregado automaticamente.
STARTTIME="mm:ss"— a reprodução começa a partir do momento especificado em minutos segundos a partir do início do arquivo.
REPETIR = VERDADEIRO / FALSO— permite ou proíbe a repetição do clipe de som/vídeo.
PLAYLOOP=Z- se você especificou REPEAT-TRUE, especifique aqui em vez de Z o número de repetições.
VOLUME=porcentagem— volume de reprodução, especificado como uma porcentagem do máximo.
ALINHAR="valor"— alinha o console de gerenciamento em relação ao texto da página. Pode ser CENTRO, LINHA DE BASE SUPERIOR ESQUERDA, DIREITA.
CONTROLES="valor"— especifica um conjunto de controles do console. Pode ter os seguintes valores (explicados abaixo) -CONSOLE, SMALLCONSOLE, PLAYBUTTON PAUSEBUTTON, STOPBUTTON e VOLUMELEVER.
CONSOLE- um conjunto completo de controles.
CONSOLE PEQUENO— representação compacta do console. Conjunto completo de controles, exceto o botão de pausa.
BOTÃO PLAY- Botão de reprodução apenas.
BOTÃO DE PAUSA- apenas um botão de pausa.
BOTÃO DE PARADA- apenas um botão de parada. O arquivo é então carregado.
VOLUMELEVER- Apenas o controle de volume.
Entendi os parâmetros.
Sugiro que você tente aplicar vários parâmetros e veja como eles funcionam (não há nada complicado aqui).
Terceiro a maneira é especificar o arquivo de som como o som de fundo da página.
A sintaxe aqui é simples:
src=nome do arquivo- arquivo de som
andar=n- número de repetições (infinito - continuamente)
volume- volume (de 10.000 a 0,0 - valor padrão)
Saldo- equilíbrio entre as colunas esquerda e direita, o valor pode variar de -10000 (máximo para o canal esquerdo) a 10000 (máximo para o canal direito).
Descrição
Adiciona, reproduz e gerencia as configurações de gravação de áudio em uma página da web. O caminho para o arquivo é especificado por meio do atributo src ou de uma tag aninhada. Dentro do recipiente
A lista de codecs suportados pelos navegadores é limitada e é fornecida na Tabela. 1.
| codec | Internet Explorer | cromada | Ópera | safári | Raposa de fogo |
| ogg/vorbis | |||||
| onda | |||||
| mp3 | |||||
| AAC |
Para reprodução universal nos navegadores especificados, o áudio é codificado usando codecs diferentes e os arquivos são adicionados simultaneamente por meio da tag
Sintaxe
Atributos
O som começa a tocar assim que a página é carregada. Adiciona um painel de controle a um arquivo de áudio. Repete o som desde o início depois que termina. Usado para baixar um arquivo junto com o carregamento de uma página da web. Especifica o caminho para o arquivo que está sendo reproduzido.Tag de fechamento
Requeridos.
HTML5 IE 8 IE 9+ Cr Op Sa Fx
Alexander Klimenkov - Quatorze
O resultado do exemplo no navegador Opera é mostrado na Fig. 1.
Arroz. 1. Reprodução de arquivos de áudio
Navegadores
Os controles de reprodução de áudio diferem entre os navegadores em sua aparência, mas os elementos básicos são os mesmos. Estes são o botão de reprodução/pausa, duração da faixa, tempo decorrido e total de reprodução, bem como o nível de volume.
