Tutorial: Reprodutor de música enquanto você navega

  • Autor Autor imported_Ryuk
  • Data de início Data de início
Este tópico foi traduzido automaticamente do espanhol. Ver original
I

imported_Ryuk

Dseda
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Olá de novo, anteontem encontrei um tópico onde pediam para colocar um reprodutor de música usando Frames, o problema era que não sabiam como fazer.
Então decidi pesquisar sobre o assunto e a verdade é que não é de outro mundo, não é simples, mas também não é muito difícil.

Então vou explicar o que queremos alcançar e como fazer, além de explicar o que são frames, isso é desnecessário, já que no Google existem infinidades de definições que poderão explicar melhor do que eu.

Resumo: O que vamos fazer é colocar duas páginas em uma, a primeira que será nosso reprodutor de música e a outra que será nossa página com o conteúdo.




Passo 1. Precisamos de 2 páginas, a primeira será nosso reprodutor e a segunda nosso fórum que contém todos os links que nos permitirá navegar.
Dentro do zip que deixarei em anexo vem um arquivo chamado index.html, este arquivo abrimos com algum editor, recomendo o Notepad++ um excelente editor avançado, se não, podem usar o Wordpad que se encontra na pasta acessórios da página inicial. Pronto, uma vez que o tenham aberto, iremos editando o que nos pede.

HTML:
<title>Nombre de tu foro</title>
HTML:
<meta name='generator' content='Powered by vBulletin™ Version 3.8' />
Aqui coloquem a versão do seu fórum.

HTML:
<meta name='classification' content='juegos' />
Aqui coloquem sobre o que é seu fórum, por exemplo, se é um fórum de warez, coloquem "warez", se é um fórum de videogames, coloquem "videogames", etc...

HTML:
<meta name='description' content='Descripcion de tu foro.' />
Coloque sobre o que trata seu fórum, uma descrição dele.

HTML:
<meta name='keywords' content='tags de tu foro, ejemplo: juegos, musica, webmaster, descargas.' />
Aqui coloquem as tags com referência ao seu fórum. Coloquem o máximo que puderem para ter uma maior indexação nos motores de busca.

HTML:
<meta name='DC.title' content='nombredeforo.cl' />
Aqui o nome do seu domínio, exemplo "musica.com".

HTML:
<link REL="SHORTCUT ICON" HREF="http://www.nombredetuforo.cl/favicon.ico">
O endereço ou caminho do seu favicon.

HTML:
<frame src="http://www.nombredetuforo.cl/player.html" name="FrameDeCima" id="FrameDeCima" scrolling="no" />
Coloquem o nome ou o endereço do seu fórum que conterá nosso reprodutor.

HTML:
<frame src="http://www.nombredetuforo.cl/portal.php" name="mainFrame" id="mainFrame" />
Se não tem portal, coloque.

HTML:
<frame src="http://www.nombredetuforo.cl/foro.php" name="mainFrame" id="mainFrame" />
Este é o passo mais importante, todas as páginas têm como entrada um arquivo chamado index.php, mas o que queremos é que nossa página inicial seja nossa página com os Frames.
Então renomeamos nosso index atual (atenção, não o que estamos colocando a informação)
Entramos em nosso FTP e buscamos no diretório o arquivo chamado index.php, se seu fórum tem o portal como página index, colocamos portal.php, se não tem portal, nomeará como foro.php.
Então o que queremos é que quando entremos em nossa página, não entre pelo index.php, mas sim pelo index.html que é o que estamos editando.

Já terminado, salvamos todas as alterações.


PASSO 2. Suba ao diretório do seu fórum os arquivos chamados index.html, player.html, pv2.css, pv2.js e suba as imagens para a pasta images.

Dentro da pasta images vem uma imagem chamada logo.jpg, a qual podem editar e colocar o nome do seu fórum, ou o que desejarem.

Pronto, já temos nossa página com Frames.


PASSO 3. Agora, se dentro do seu fórum você tem algum link direcionando ao index.php, edite-o, já que esse endereço não existe mais.

Se o index.php você tem no logo, faça o seguinte.
Nota: Aqueles que não tenham o logo como index, pular este passo.

Entre no seu AdminCp -> Opções de vbulletin -> Opções de vbulletin e busque Opções da Página Inicial do Fórum onde diz Nome de Arquivo Para a Página Inicial, se diz index, mude para foro ou portal como desejar e salve.


Pronto, já temos tudo funcional.

Passo para esclarecer vários pontos importantes.

Não deixe nenhum link no fórum direcionando ao index.html ou a Link eliminado, já que ao estar navegando com os frames e ao clicar, só irá abrindo mais reprodutores.

Este guia serve para todas as versões de vBulletin, já que é apenas HTML.

O reprodutor atual está configurado com uma emissora chilena chamada Radio Concierto la voz de los 80´

Como coloco uma rádio que eu goste?
​

Passo a esclarecer que o reprodutor tive que fazer eu mesmo, porque todas as rádios têm reprodutores diferentes com logos grandes e publicidade que não queremos em nosso fórum.

Então, para compartilhar gostos em música e emissoras de rádio, o qual pedi permissão ao Chuta.
Quem desejar mudar a rádio que vem por "padrão", nas respostas coloque o endereço da rádio que desejam, depois de revisá-lo e editar, só têm que subir o arquivo chamado player.html, o qual contém o reprodutor e a emissora.

Nota: Não serão aceitos links que infrinjam as normas do vBHispano.


Se não deseja ter ajuda no passo de colocar a emissora que quer, pode fazê-lo da seguinte maneira.

Edite o arquivo chamado player.html, dentro busque src=, seguido disso coloquem o src da emissora que desejam.
Para encontrar um src de uma rádio, entre na rádio onde está o reprodutor, clique com o botão direito na página e clique em Ver Código Fonte da página, dentro busque o src=, seguido disso está o endereço da sua rádio.


Para terminar, devo dizer que o reprodutor, embora seja do Windows, não é compatível com o Internet Explorer, com todos os outros navegadores funciona sem nenhum problema.
Talvez não tinha algo instalado no IE que não funcionou, mas me corrijam se funciona no IE.

Como sempre, esclarecer que este guia foi feito por mim e não infringe nenhum direito autoral.

Dúvidas e perguntas irei respondendo nas respostas.

Obrigado pela atenção e nos veremos em um próximo guia.

Abraços e Sorte!
​
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Re: [GUIA] Reprodutor de música enquanto você navega.

Excelente guia Hades. Acho que não teria me perdoado por não ter te notificado por mensagem privada sobre a atualização. ^^
 
Re: [GUIA] Reprodutor de música enquanto você navega.

hehehe ainda bem que você me avisou, porque teria sido um pesadelo escrever tudo de novo.

Sério, te agradeço.
 
Re: [GUIA] Reprodutor de música enquanto você navega.

Muito bom o tutorial, você tem seus agradecimentos muito bem merecidos..

Um detalhe, o link do botão "FORO" na navbar lança um erro 404, corrija-o, ele manda para um link inexistente🙂
 
Re: [GUIA] Reprodutor de música enquanto você navega.

Obrigado Kaizerbacter. 🙂

O segundo ponto pode ser que não esteja funcionando porque você o tem com outro nome, por exemplo foros.php, e por isso não encontra a página. Verifique se o endereço do botão coincide com o arquivo que você tem no diretório.
 
Re: [GUIA] Reprodutor de música enquanto você navega.

Muito bom o tutorial, você tem seus agradecimentos muito bem merecidos..

Um detalhe, o link do botão "FORO" na navbar lança um erro 404, corrija-o, ele manda para um link inexistente🙂

Verifique na template da Navbar e procure por index.php foro, algo assim diz, e mude o "index" por foro e com isso já deve te direcionar para a página normal.


muito bom tutorial, agradeço, instalei no meu fórum e ficou muito bom, já te deixei um pouco de reputação, mano
 
Re: [GUIA] Reprodutor de música enquanto você navega.

Ei amigos.!!

Trabalho de show como rádio....!

Hades, você é dos bons.!!!

Testei a outra forma que comentei por MP e também funcionou de luxo.!!! Deixei dessa maneira, assim seleciono as músicas que eu quero ouvir.

Muito obrigado e se não nos lermos, Feliz Natal e um bom Ano Novo a todos.!!

Br..
 
Re: [GUIA] Reprodutor de música enquanto você navega.

Realtesters, no final funcionou o que você queria, que bom, fico feliz. Qualquer coisa, já sabe.!
 
Re: [GUIA] Reprodutor de música enquanto você navega.

É muito boa essa opção de colocar um reprodutor nos fóruns, mas isso afeta o posicionamento do fórum nos buscadores, já que a página principal é a do reprodutor e o frame é a dos fóruns. Como verão no demo, a URL dos fóruns nunca muda, só se mantém a URL de acesso aos fóruns. É bom, mas não ajuda. Claro, se a preocupação não for ter um bom posicionamento nos buscadores, é uma boa opção, muito boa a guia, obrigado
 
Re: [GUIA] Reprodutor de música enquanto você navega.

É verdade que os frames têm problemas com os buscadores, mas não necessariamente se pode deixar como index, pode-se deixar um link dentro do fórum como musica.html sem afetar o index, embora por isso eu tenha adicionado na guia as meta-tags e dito que quanto mais, melhor a indexação.

Bom ponto braum, mas tem solução. 😛
 
Re: [GUIA] Reprodutor de música enquanto você navega.

mas com isso, cada vez que alguém mudar de página, a música vai resetar... ou não?
 
Re: [GUIA] Reprodutor de música enquanto você navega.

mas com isso, cada vez que alguém mudar de página, a música vai resetar... ou não?
Não, este sistema é para que, enquanto você navega, a música não pare.

Esse foi o motivo pelo qual fiz a guia.

Abraços.
 
Re: [GUIA] Reprodutor de música enquanto você navega.

eu tinha utilizado um sistema de popup, então enquanto você navegava, a outra janela reproduzia..

isto, pelo que vejo, elimina a necessidade de um popup, mas o que é mais conveniente? a forma que eu utilizava ou esta?
podem surgir problemas com este iframe em alguns navegadores?

obrigado!
 
Re: [GUIA] Reprodutor de música enquanto você navega.

mas o que é mais conveniente? a forma que eu utilizava ou esta?

A ideia de usar uma página com frames é que, ao entrar na página, automaticamente a música é reproduzida sem necessidade de pressionar algum botão como se faz com os popups.
Mas no final é decisão de cada um e este sistema é uma alternativa.

podem surgir problemas com este iframe em alguns navegadores?
Um iframe é muito diferente de um frame, enfim.
Os frames, por costume, têm muito má fama com os buscadores, já que a URL é estática. É por essa razão que eu não o uso como index, mas o deixo com um link à parte no fórum.
Os frames funcionam em todos os navegadores, a única coisa que pode falhar é o reprodutor, mas isso é outra história, já que os reprodutores às vezes têm problemas por plugins, etc.

Em resumo, este sistema é melhor que os popups, já que não é necessário manter duas janelas abertas, mas como conselho à parte, eu não o usaria como index, mas fiz a guia assim porque me pediram para fazê-la assim.

Abraços.
 
Re: [GUIA] Reprodutor de música enquanto você navega.

não gosto da metodologia de aplicar um reprodutor "obrigado".

tem maneira de criar algum botão de "Deseja ativar a rádio?".. sim ou não.. nas opções do vbulletin de cada usuário?

e se estiver em sim, que o reprodutor seja executado..
 
Re: [GUIA] Reprodutor de música enquanto você navega.

É o que te digo de não usar como index, dê uma olhada no meu fórum e verá como o tenho e como funciona, (está na minha assinatura).
 
Re: [GUIA] Reprodutor de música enquanto você navega.

É o que te digo de não usar como index, dê uma olhada no meu fórum e verá como o tenho e como funciona, (está na minha assinatura).

no firefox me pede plugin adicional... no ie8, cada vez que pressiono o botão, adiciona 1 topbar a mais à que já está.. e também não inicia o reprodutor
 
Re: [GUIA] Reprodutor de música enquanto você navega.

pois eu vejo como uma ferramenta muito boa
 
Re: [GUIA] Reprodutor de música enquanto você navega.

obrigado amigo, você arrasou 😀
 
Re: [GUIA] Reprodutor de música enquanto você navega.

alguém tem algum link src¿????
 
Voltar
Topo