0
PLAYER PARA TOCAR MUSICA COM PLAYLIST
Gente!
Preciso de uma ajudinha aí!
Peguei este script de um site e transformei ele no que eu queria,
agora não consegui transformar ele em html 5 para navegar no celular.
No pc vai bem, só quando abre no celular a tela fica pequena.
Coloquei todos as modificações no css, mas não aceita no navegador!
Tem como dar uma pincelada no css e deixa-lo com cara de html5.
Assim que alguém conseguir de de retorno.
downloads do arquivo aqui:
http://2017.betezek.com.br/Downloads/TOCARMUSICA2.zip
betezek@betezek.com.br
Preciso de uma ajudinha aí!
Peguei este script de um site e transformei ele no que eu queria,
agora não consegui transformar ele em html 5 para navegar no celular.
No pc vai bem, só quando abre no celular a tela fica pequena.
Coloquei todos as modificações no css, mas não aceita no navegador!
Tem como dar uma pincelada no css e deixa-lo com cara de html5.
Assim que alguém conseguir de de retorno.
downloads do arquivo aqui:
http://2017.betezek.com.br/Downloads/TOCARMUSICA2.zip
betezek@betezek.com.br
| Data | Autor | Changelog | Download |
|---|
<audio controls='controls' height='50px' width='200px'>
<source src='http://grupoestilocampeiro.com.br/musicasmp3/mp3/bomdedanca.mp3' type='audio/mpeg' />
<embed height='50px' width='200px' src='http://grupoestilocampeiro.com.br/musicasmp3/mp3/bomdedanca.mp3' />
</audio> <br>
ESTE OUTRO TB...
<a href="bom_de_danca.mp3">Tocar o som</a>
eSTE OUTRO..
<OBJECT ID='Player' HEIGHT='50' WIDTH='150' classid='CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95' codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112' standby='Loading Microsoft® Windows® Media Player components...' type='application/x-oleobject'>
<PARAM NAME='Filename' value='http://www.ligg3.com.br/radios/canais/GauchaAM.asx'>
<PARAM NAME='ShowControls' VALUE='true'>
<PARAM NAME='Volume' VALUE='-0'>
<PARAM NAME='ShowStatusBar' VALUE='true'>
<PARAM NAME='ShowPositionControls' value='False'>
<PARAM NAME='ShowTracker' value='False'>
<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" SRC="http://www.ligg3.com.br/radios/canais/GauchaAM.asx" name="Player" width="200" height="60" AutoStart="False" showcontrols showstatusbar showdisplay>
</OBJECT>
<br>
<div align="center"><font color="#000066"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">
<a href="javascript:void(0)"
onClick="open('Downloads/radio.php','miniwin','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width=170,height=180')"><font size="2">DESTAQUE RÁDIO</font></a></font></font></div>
ESTE MAIS...
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!--
function hidden()
{document.body.style.overflow='hidden';}
//-->
</script>
<script>
self.name="radio"
</script>
<title>Rádio On-line</title>
<style type=text/css>
#fonte{color:#9c9c9c;font-family:verdana;font-size:8pt;text-decoration:none;}
td{color:#cccccc;font-family:tahoma,verdana,arial;font-size:8pt;}
</style>
<script language="javascript">
<!--
var a = -1
wma = new Array();
autor = new Array();
titulos = new Array();
/* sequência das músicas - siga a ordem */
wma[0]= "";
autor[0] = "cantor um";
titulos[0]= " música um";
wma[1]= "";
autor[1] = "cantor dois";
titulos[1]= " música dois";
wma[2]= "";
autor[2] = "cantor três";
titulos[2]= " música três";
/* sequência das músicas */
var maxmusic = 3; // número de músicas na rádio
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
parada=0
function inicio() {
document.all.mautor.innerText=autor[0];
document.all.mnome.innerText=titulos[0];
}
var bWin32IE;
if ((navigator.userAgent.indexOf("IE") != "-1") && (navigator.userAgent.length > 1)) {
bWin32IE = true;
} else {
bWin32IE = false;
}
function fechar()
{
window.close()
}
function troca() {
if (MediaPlayer.PlayState==0) {
if (parada==0){
onFF();
onPlay();
}
}
setTimeout('troca();',1000);
}
function layerWrite(id,nestref,text) {
if (ns4) {
if (nestref)
var lyr = eval('document.'+nestref+'.document.'+id+'.document');
else
var lyr = document.layers[id].document;
lyr.open();
lyr.write(text);
lyr.close();
} else if (ie4) {
document.all[id].innerHTML = text;
}
}
function mostra() {
if (ns4){
document.layers["mnome"].document.open()
document.layers["mnome"].document.write(titulos[a])
document.layers["mnome"].document.close()
document.layers["mautor"].document.open()
document.layers["mautor"].document.write(autor[a])
document.layers["mautor"].document.close()
var proximamusic;
proximamusic = (a + 1);
b = maxmusic;
if (proximamusic == b){
proximamusic = 0;
}
else
{
proximamusic = (a + 1);
}
document.layers["proxima"].document.open()
document.layers["proxima"].document.write(autor[a + 1] + "/" + titulos[a + 1])
document.layers["proxima"].document.close()
}
if (ie4){
document.all.mnome.innerText=titulos[a];
document.all.mautor.innerText=autor[a];
var proximamusic;
proximamusic = (a + 1);
b = maxmusic;
if (proximamusic == b){
proximamusic = 0;
}
else
{
proximamusic = (a + 1);
}
document.all.proxima.innerText=autor[proximamusic] + "|" + titulos[proximamusic];
}
}
function mudwma(k) {
MediaPlayer.Filename=wma[k];
mostra();
}
function onFF() {
a = a + 1;
b = maxmusic;
if (a == b){
a = 0;
}
mudwma(a);
}
function onFF2() {
a = a - 1;
b = maxmusic;
if (a == b){
a = 0;
}
mudwma(a);
}
function onPause() {
if (navigator.appName.indexOf('Netscape') != -1)
estado=document.MediaPlayer.GetPlayState();
else
estado=document.MediaPlayer.PlayState;
if(estado==1)
document.MediaPlayer.Play();
else if (estado==2)
document.MediaPlayer.Pause();
}
function onPlay() {
if(MediaPlayer.PlayState == 0){
MediaPlayer.Play();
parada=0;
}
mostra();
}
function onStop() {
MediaPlayer.Stop();
parada=1;
}
function onVolumeUp() {
if (MediaPlayer.Volume <= -300) {
MediaPlayer.Volume = MediaPlayer.Volume + 300;
}
}
function onVolumeDown() {
if (MediaPlayer.Volume >= -8000) {
MediaPlayer.Volume = MediaPlayer.Volume - 300;
}
}
/*
function MM_changeProp(objName,x,theProp,theValue) { //v3.0
var obj = MM_findObj(objName);
if (obj && (theProp.indexOf("style.")==-1 || obj.style)) eval("obj."+theProp+"='"+theValue+"'");
}
*/
//-->
</SCRIPT>
</head>
<body style="background-color:#ffffff;" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="hidden();troca();inicio(); onFF();">
<table bgcolor=#002F5E border="0" cellpadding="1" cellspacing="1" width=270>
<tr>
<td background="" height=25 colspan="2" align=center valign=middle><a href="radio.html" title="abrir nossa Rádio"><font id=fonte>minha rádio</a></td>
</tr>
<tr>
<td width="30%"> Cantor [ a ] : </td>
<td id=mautor></td>
</tr>
<tr>
<td width="20%"> Música :</td>
<td id=mnome> </td>
</tr>
<tr>
<td width="15%" height="18"> Próxima : </td>
<td width="85%" id=proxima> </td>
</tr>
</table>
<object id="MediaPlayer" style="border:0px;width:271px;height:20;" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/%20%20%20controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="Loading Microsoft® Windows® Media Player components..." type="application/x-oleobject" VIEWASTEXT>
<param name="AutoStart" value="1">
<param name="TransparentAtStart" value="1">
<param name="ShowControls" value="0">
<param name="ShowDisplay" value="0">
<param name="ShowStatusBar" value="1">
<param name="AutoSize" value="False">
<param name="AnimationAtStart" value="False">
<param name="Filename" value="">
<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/windows/mediaplayer/download/default.asp" border="0" src="" autostart="True" transparentatstart="True" showcontrols="0" showdisplay="0" showstatusbar="1" animationatstart="False" id="MediaPlayer" designtimesp="9716" autosize="False" filename="" width="300" height="20"></embed>
</object>
<table bgcolor=#fefefe style="border:1px solid #f1f1f1;">
<tr>
<td valign=middle>
<a href="#" onClick="history.go()"><font id=fonte>atualizar</a>
<a href="#" onClick="onFF2()"><font id=fonte>anterior</a>
<a href="#" onClick="onPlay()"><font id=fonte>Tocar</a>
<a href="#" onClick="onStop()"><font id=fonte>Parar</a>
<a href="#" onClick="onPause()"><font id=fonte>Pausar</a>
<a href="#" onClick="onFF()"><font id=fonte>próxima</a>
</td>
</tr>
</table>
<marquee width=270 bgcolor=#fefefe class="marquee" id="scroller" direction="left" onMouseOver="javascript:scroller.stop()" onMouseOut="javascript:scroller.start()" SCROLLAMOUNT="2" valign=middle>
<font id=fonte>um texto aqui
</marquee>
</body>
</html>
===============
<center>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="230" height="20" id="player" name="player">
<param name="movie" value="http://www.mucao.com.br/sitenovo/flash/aovivo/player.swf">
<param name="allowfullscreen" value="true">
<param name="allowscriptaccess" value="always">
<param name="wmode" value="transparent">
<param name="flashvars" value="file=http://streaming17.brlogic.com:8000/live?type=.flv&provider=video&autostart=true">
<embed type="application/x-shockwave-flash" src="http://www.mucao.com.br/sitenovo/flash/aovivo/player.swf" width="300" height="20" allowscriptaccess="always" allowfullscreen="true" wmode="transparent" flashvars="file=http://streaming17.brlogic.com:8000/live?type=.flv&provider=video&autostart=true">
</object>
VAMOS QUE VAMOS...