Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Rádio no fórum

3 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre o painel administrativo :: Questões resolvidas sobre o painel administrativo

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Rádio no fórum

Mensagem por Vinicius-RP 12.01.20 17:57

Detalhes da questão


Endereço do fórum: https://cnrpg.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Opa pessoal, estou precisando de um auxilio para colocar o player de uma rádio no fórum.

O player que me passaram:

Código:
<!-- <iframe src="http://habbonitos.com/player.php" width="200" height="60" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" style="position: absolute; bottom: 5px; right: 5px; overflow: hidden"></iframe> -->

<!DOCTYPE html>
<html>
<head>
 <title>Player - Habbonitos</title>
 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
 <style>
 @import url('https://fonts.googleapis.com/css?family=Montserrat:400,500&display=swap');
 *{ margin: 0; padding: 0; }
 a{ text-decoration: none; color: inherit; }
 body{ font-family: 'Montserrat', sans-serif; }
 .ellipses{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
 .player{ width: 200px; height: 44px; margin-top: 15px; background-color: #001F41; border-radius: 3px; float: left; }
 .player .fs{ width: auto; height: 15px; margin: -14px 5px 0 0; padding: 0 10px; background-color: #001F41; border-radius: 3px 3px 0 0; font-size: 11px; font-weight: 500; color: #FFF; line-height: 19px; float: right; }
 .player .play{ width: 15px; height: 15px; margin: -14px 2px 0 0; background-color: #001F41; border-radius: 3px 3px 0 0; border: none; outline: none; text-align: center; font-size: 7px; color: #FFF; line-height: 16px; float: right; cursor: pointer; }
 .player .avatar{ width: 64px; height: 67px; margin: -22px -5px 0 -13px; float: left; }
 .player .data{ width: calc(100% - 46px); height: auto; padding-top: 5px; font-size: 10px; font-weight: 500; color: #FFF; float: right; }
 </style>
 <script src="https://habbonitos.com/assets/js/jquery.js"></script>
 <script src="https://habbonitos.com/assets/js/radio.js"></script>
 <script>
 Player = {
 Refresh: function(){
 $.ajax({
 url: 'https://habbonitos.com/ajax/Refresh',
 dataType: 'JSON',
 success: function(data){
 $('.player .avatar').css('background-image', 'url(http://www.habbo.com.br/habbo-imaging/avatarimage?&user='+data['avatar']+'&action=&direction=3&head_direction=3&img_format=png&gesture=sml&headonly=0&size=b)');
 $('.player .speaker').html(data['speaker']);
 $('.player .program').html(data['program']);
 $('.player .music').html(data['music']);
 }
 });
 },

 Volume: function(v){ var audio = document.getElementById('audio'); audio.volume = v; },

 Status: function(){
 var button = $('.player [onclick="Player.Status()"]'), icon = button.find('i');
 if(icon.hasClass('fa-pause')){
 icon.removeClass('fa-pause').addClass('fa-play'); Player.Volume(0);
 }else{
 icon.removeClass('fa-play').addClass('fa-pause'); Player.Volume(1);
 }
 }
 }
 </script>
</head>
<body>
 <div class="player">
 <div class="fs"><a href="http://habbonitos.com" target="_blank">Habbonitos</a></div>
 <button class="play" onclick="Player.Status()"><i class="fas fa-pause"></i></button>
 <div class="avatar" style="background-image: url('http://www.habbo.com.br/habbo-imaging/avatarimage?&user=Habbonitos.me&action=&direction=3&head_direction=3&img_format=png&gesture=sml&headonly=0&size=b')"></div>
 <div class="data">
 <p class="ellipses"><i class="fas fa-microphone"></i>  <span class="speaker">Habbonitos.com</span></p>
 <p class="ellipses" style="margin-bottom: 3px"><i class="fas fa-music"></i>  <span class="program">Vitrola</span></p>
 <p style="font-size: 7px"><marquee class="music">...</marquee></p>
 </div>
 </div>
 <audio id="audio" src="http://167.114.53.24:9928/;stream.aac"></audio>
 <script>Radio('audio', '167.114.53.24', '9928');</script>
</body>
</html>

Porém eu não sei onde coloco. Se alguém puder me dar uma ajuda
Vinicius-RP

Vinicius-RP
*

Membro desde : 15/06/2018
Mensagens : 31
Pontos : 47

http://congressohablet.forumeiros.com/forum

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Rádio no fórum

Mensagem por tikky 12.01.20 20:53

Olá @Vinicius-RP,

O Senhor pode adicionar o seu código em uma página JavaScript ou criar um widget com o código:
Código:
<iframe style="width: 200px; height: 60px;" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.habbonitos.com/player.php"></iframe>


Atenciosamente,
pedxz.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Tópico resolvido Re: Rádio no fórum

Mensagem por Vinicius-RP 12.01.20 21:35

Pedxz escreveu:Olá @"Vinicius-RP",

O Senhor pode adicionar o seu código em uma página JavaScript ou criar um widget com o código:
Código:
<iframe style="width: 200px; height: 60px;" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.habbonitos.com/player.php"></iframe>


Atenciosamente,
pedxz.

Ola, tentei colocar via JavaScript, porém não apareceu nada. Não queria colocar por widget porque não estamos usando no fórum. Teria outro método ou via JavaScript mesmo, mas que funcionasse.
Vinicius-RP

Vinicius-RP
*

Membro desde : 15/06/2018
Mensagens : 31
Pontos : 47

http://congressohablet.forumeiros.com/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Rádio no fórum

Mensagem por Shek 13.01.20 11:30

Olá Vinicius-RP.

Outras alternativas seria incluir tal código nos caminhos a seguir:
PA > Visualização > Página inicial > Geral > Mensagem na Página Inicial >
PA > Visualização > Templates > Geral > overall_footer_begin >
CAMINHOS:
Atenciosamente,
Shek King
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Rádio no fórum

Mensagem por Vinicius-RP 13.01.20 18:25

Shek escreveu:Olá Vinicius-RP.

Outras alternativas seria incluir tal código nos caminhos a seguir:
PA > Visualização > Página inicial > Geral > Mensagem na Página Inicial >
PA > Visualização > Templates > Geral > overall_footer_begin >
CAMINHOS:
Atenciosamente,
Shek King

Ola Shek, obrigado pela ajuda. Pelo segundo método ficou mto bom.
Vinicius-RP

Vinicius-RP
*

Membro desde : 15/06/2018
Mensagens : 31
Pontos : 47

http://congressohablet.forumeiros.com/forum

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Rádio no fórum

Mensagem por tikky 13.01.20 18:27

Questão resolvida

Esta questão foi dada como resolvida pelo seu autor, e por esse motivo será marcada como resolvida e movida para o arquivo de questões resolvidas desta área.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre o painel administrativo :: Questões resolvidas sobre o painel administrativo

Permissões neste sub-fórum
Não podes responder a tópicos