Blog de videotutoriales, videojuegos, hardware, software, informática y tecnologíaBlog de videotutoriales, videojuegos, hardware, software, informática y tecnologíaBlog de videotutoriales, videojuegos, hardware, software, informática y tecnologíaBlog de videotutoriales, videojuegos, hardware, software, informática y tecnología

✕

MENTA ZEN
  • Início
  • Tutoriais
  • Sua rádio online com o Winamp e o Shoutcast no seu site

Sua rádio online com o Winamp e o Shoutcast no seu site

Já aprendemos a criar uma rádio online pela internet com Winamp e Shoutcast.
Também aprendemos a criar um redirecionamento web ou domínio com no-ip para atualizar nosso IP automaticamente e não precisar do nosso número de IP na hora de fornecer o endereço da rádio, e também aprendemos a abrir as portas do nosso roteador.

Para completar o aprendizado, agora é a vez de saber como colocar um reprodutor de áudio na nossa página web para que nossos ouvintes nos escutem simplesmente pressionando um típico botão de “play”.

A seguir, mostramos capturas de tela do reprodutor que vamos fazer:

reprodutor web shoutcast winamp jwplayer

Podemos configurar as seguintes opções:

  • Largura e altura do reprodutor.
  • Mostrar ou não uma imagem.
  • Alterar as cores do fundo e dos botões.
  • Ativar ou desativar a reprodução automática ao entrar no site.

Para fazer isso, precisaremos ter acesso ao FTP do nosso servidor web, pois é necessário hospedar os arquivos do reprodutor. Também precisamos ter conhecimentos básicos de HTML.

Para isso, utilizaremos a biblioteca “swfobject” para inserir arquivos flash e o reprodutor “jwplayer” que é compatível com todos os navegadores atuais.

Os arquivos necessários estão no seguinte link:

Os removemos por estarem obsoletos (utilizavam tecnologia flash).

Vídeotutoriais relacionados:
1. Criar uma rádio online pela internet com Winamp e Shoutcast
2. Criar um redirecionamento web ou domínio com no-ip.com
3. Abrir portas no nosso roteador

Tópicos relacionados

Módulo 6.4 Elementor: Design profissional de cabeçalho e rodapé


Ver mais

Módulo 6.3 Elementor: Widgets essenciais e domínio da estrutura


Ver mais

Módulo 6.2 Elementor: Primeiros passos com o editor do Elementor


Ver mais

Deixe um comentário Cancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Feito com 💔 na Europa
Palestina Livre
Acolhedor para LGBTQ+
Tecnologia, código, retro e pensamento livre até a aventura terminar.
Explorando bits e pixels desde 2012.
PortuguêsPortuguês▼
  • EspañolEspañol
  • EnglishEnglish
  • FrançaisFrançais

Desenvolvimento web:
Programador Web Freelance

    • Mentazen.com - Notícias, videogames, tutoriais, web e retro!