cat-right

Inserindo player de música em seu site

Uma dúvida muito comum enquanto estamos criando nosso site é quando desejamos inserir uma música em nosso site. Bem, para inserir uma música em um site é bem fácil hoje em dia, não é preciso se preocupar.

Existem códigos que podem ser utilizados ou, caso esteja trabalhando com algum CMS, existirá um módulo já pronto para isso.

Em nosso exemplo, utilizaremos o seguinte código para inserir uma música em nosso site:

<embed src=”Wave.mp3″ width=”70″ height=”25″ autostart=”true” loop=”true”>

Com este código, será exibido um player em seu site. Você o pode inserir em qualquer parte de seu código-fonte.

Mas, primeiro, é necessário enviar a música que será tocada na página para dentro de nosso servidor. O envio pode ser feito através de um programa de FTP como o Filezilla FTP ( http://www.hostnet.com.br/tutorial/enviar-arquivos-pelo-filezilla/ ) ou o Smart FTP ( http://www.hostnet.com.br/tutorial/enviando-arquivos-atraves-do-smartftp/ ). Caso seja cliente da Hostnet você pode realizar o envio através do ícone “Gerenciador de Arquivos” ( http://www.hostnet.com.br/tutorial/enviando-arquivos-atraves-do-gerenciador-de-arquivos/ ) no painel de controle da Hostnet.

Devemos enviar este arquivo para um local qualquer, de preferência no mesmo local onde o arquivo “index.html” ou o arquivo que irá tocar a música esteja armazenado. Em nosso caso, vamos enviar a música para dentro do diretório raiz WWW, pois este é o diretório onde o nosso arquivo “index.html” está armazenado e é nele que iremos disponibilizar a música.

Basta abrirmos o arquivo “index.html” com qualquer tipo de editor HTML e colar o código entre o início das tags &lt;html&gt; e &lt;body&gt;, neste endereço há mais informações sobre editores HTML, acesse: http://hospedagemhtml.com/editores-html/.

codigo-html

Como já informamos anteriormente, o envio da música deve ser feito para o mesmo local onde o arquivo “index.html” está hospedado. Assim, o atributo src do código acima precisa apenas do nome da música que será utilizada.

Atenção: Não utilize nomes de músicas com acentos, caractéres especiais ou espaços, isso fará com que o código não funcione. Utilize nomes fáceis também para que não tenha problemas no momento de o escrever no código.

Related Posts with Thumbnails

Deixe seu comentário