iMasters Fóruns: Como colocar no mesmo play varios videos e musicas? - iMasters Fóruns

Ir para

Página 1 de 1
  • Novo tópico
  • Responder

Como colocar no mesmo play varios videos e musicas?

#1 Membro offline   darlansandro Ícone

  • Ícone
  • Grupo: Membros
  • Posts: 118
  • Cadastrado: 15-outubro 06

Postou 16 outubro 2006 - 23:56

Alguem por favor sabe, como colocar em um unico play varios videos e mp3. Baixei a extensão para o videoembed, mas não conseguir colocar + de 1 video e musica em um unico play. Na verdade eu quero construir links para que um unico play possa roda os arquivos

#2 Membro offline   Leandro Vieira Pinho Ícone

  • Ícone
  • Grupo: Membros
  • Posts: 959
  • Cadastrado: 18-julho 04
  • Localização:Governador Valadares - MG

Postou 19 outubro 2006 - 09:39

Cara, tente este código:

<script type="text/javascript">

var query=window.location.search;
var str="?musica=";
var nome=query.slice(str.length);
var link_musica = "musicas/" +nome+ "";

mpvar = 0;

var dC = document;

var windowsmedia=new Object();
windowsmedia.installed=false;
windowsmedia.version='0.0';

// GeckoActiveXObject
var gkoaxwma=false;
	if (navigator.plugins && navigator.plugins.length){ 
		for (x=0; x<navigator.plugins.length; x++){ 
			if (navigator.plugins[x].name.indexOf('ActiveX') != -1 && window.GeckoActiveXObject){ 
			gkoaxwma=true; 
			break; 
			}
		}
}

function AXO(id) {
var error; var control = null;
try {
	if (window.ActiveXObject && navigator.userAgent.indexOf('Win') != -1) control = new ActiveXObject(id);
		else if (gkoaxwma) control = new GeckoActiveXObject(id);
	} catch (error) {}
	return control;
}

if (window.ActiveXObject || gkoaxwma) {// IE novo ou geko
	try {
	oWMP=new AXO('WMPlayer.OCX.7');
		if (oWMP){
		windowsmedia.installed=true;
		parseFloat(oWMP.versionInfo);
		windowsmedia.version=parseFloat(oWMP.versionInfo);
			if (windowsmedia.version.toString().length == 1) windowsmedia.version+='.0';
		}
	} catch(e) {}
} else if (navigator.plugins && navigator.plugins.length) { // Browsers antigos
	for (x=0; x<navigator.plugins.length; x++){
		if (navigator.plugins[x].name.indexOf('Windows Media') != -1){
		windowsmedia.installed=true;
		break;
		}
	}
}

windowsmedia.ver7=(windowsmedia.installed && parseInt(windowsmedia.version) >= 7) ? true:false;
	if(windowsmedia.ver7) { // windows media 7 ou maior (IE)
		mpvar=1;
		dC.writeln('<object width="320" height="200" id="wmp" name="wmp" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" standby="Carregando..." type="application/x-oleobject">');
		dC.writeln('<param name="uiMode" value="full">');
		dC.writeln('<param name="autoStart" value="true">');
		dC.writeln('<param name="URL" value="'+link_musica+'">');
		dC.writeln('</object>');
	} else if(windowsmedia.installed) { // windows media 6 ou menor (IE) ou outros browsers
		mpvar=2;
		dC.writeln('<OBJECT width="320" height="200" ID="wmp" name="wmp" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" standby="Carregando..." TYPE="application/x-oleobject">');
		dC.writeln('<PARAM NAME="FileName" VALUE="'+link_musica+'">');
		dC.writeln('<PARAM NAME="AutoStart" VALUE="True">');
		dC.writeln('<PARAM NAME="ShowDisplay" VALUE="False">')
		dC.writeln('<PARAM NAME="ShowControls" VALUE="True">');
		dC.writeln('<PARAM NAME="ShowStatusBar" VALUE="True">');
		dC.writeln('<PARAM NAME="ShowTracker" VALUE="True">');
		dC.writeln('<embed name="wmp" ');
		dC.writeln('type="application/x-mplayer2" pluginspage="http://www.microsoft.com/windows/windowsmedia/download/default.asp?DispLang=br" ');
		dC.writeln('filename="'+link_musica+'" ');
		dC.writeln('src="'+link_musica+'" ');
		dC.writeln('ShowControls=1 ');
		dC.writeln('ShowDisplay=0 ');
		dC.writeln('ShowStatusBar=1 ');
		dC.writeln('ShowTracker=1 ');
		dC.writeln('width=320 height=200>');
		dC.writeln('</embed>');
		dC.writeln('</OBJECT>');
	} else { // nao tem mediaplayer instalado
		dC.write("<table width=320 height=200 bgcolor=black style='border:1px solid silver'><tr><td align=center><span style=color:white;font-family:verdana;font-size:12px><b>Para assistir aos vídeos, é preciso ter o<br>Windows Media Player instalado.</b><br><br><a href=http://www.microsoft.com/windows/windowsmedia/download/default.asp?DispLang=br target=_blank style=color:white>Clique aqui</a> para fazer o download<br>do Windows Media Player diretamente<br>do site da Microsoft, em português.</span></td></tr></table>");
	}

function player_fullScreen() {
	if(mpvar==1 && wmp.playState == 3 && document.all) { wmp.fullScreen = "true"; }
	if(mpvar==2 ) { if(document.all){document.wmp.DisplaySize = 3;}else{document.wmp.DisplaySize(3);} document.wmp.Play(); }
}
</script>


Sua URL precisa estar assim:

...?musica=linkMusica.mp3
...?musica=linkVideo.wmv

tente aí

#3 Membro offline   darlansandro Ícone

  • Ícone
  • Grupo: Membros
  • Posts: 118
  • Cadastrado: 15-outubro 06

Postou 20 outubro 2006 - 12:53

Leandro, valeu cara pela dica, contudo não conseguir linkar, eu não uso banco de dados, é necessario? outra coisa, no script são duas localizações para efetuar o link, acho que não conseguir entender.

var query=window.location.search;
var str="?musica=neste campo eu coloco o link da pasta onde se encontra o arquivo no meu computador ou o link da pasta mais o mp3";
var nome=query.slice(str.length);
var link_musica = "musicas/" +nome+ ""(aqui eu coloco o link da mp3?;

Cara, sei que devo esta abusando da boa vontade, mas se poder me ajudar eu agradeço. Valeu

#4 Membro offline   Leandro Vieira Pinho Ícone

  • Ícone
  • Grupo: Membros
  • Posts: 959
  • Cadastrado: 18-julho 04
  • Localização:Governador Valadares - MG

Postou 20 outubro 2006 - 16:18

Postei o código rapidim, ta corrido por aqui, pensei que você domina Javascript, mas tudo bem, vamos as explicações.

1º - Você não precisa de banco de dados.

No início do código temos o seguinte:

var query=window.location.search;
var str="?musica=";
var nome=query.slice(str.length);
var link_musica = "musicas/" +nome+ "";


O que você precisa mudar nele? Nada! Ou melhor, somente aqui:

var link_musica = "musicas/" +nome+ "";


Onde "musicas/" é igual ao diretório onde os arquivos se encontram.

Ta, e o link do mp3 você coloca na URL, e o restante deixa que o script faz pra você. Tipo assim:

Quote

<a href="paginaOndeEstaOScript.htm?musica=nomeDaMusica.mp3" ...


Um abraço.

#5 Membro offline   darlansandro Ícone

  • Ícone
  • Grupo: Membros
  • Posts: 118
  • Cadastrado: 15-outubro 06

Postou 22 outubro 2006 - 15:06

Leandro, conseguir, valeu cara pela ajuda, você é fera no dreamwearver, eu sou iniciante mas sua ajuda foi fundamental

#6 Membro offline   Leandro Vieira Pinho Ícone

  • Ícone
  • Grupo: Membros
  • Posts: 959
  • Cadastrado: 18-julho 04
  • Localização:Governador Valadares - MG

Postou 22 outubro 2006 - 16:07

maravilha,

Um abraço.

#7 Membro offline   mcaetano Ícone

  • Ícone
  • Grupo: Membros
  • Posts: 1
  • Cadastrado: 01-setembro 07

Postou 01 setembro 2007 - 15:56

Ver postLeandro Vieira Pinho, em 20/10/2006 - 16:18, disse:

Postei o código rapidim, ta corrido por aqui, pensei que você domina Javascript, mas tudo bem, vamos as explicações.

1º - Você não precisa de banco de dados.

No início do código temos o seguinte:

var query=window.location.search;
var str="?musica=";
var nome=query.slice(str.length);
var link_musica = "musicas/" +nome+ "";


O que você precisa mudar nele? Nada! Ou melhor, somente aqui:

var link_musica = "musicas/" +nome+ "";


Onde "musicas/" é igual ao diretório onde os arquivos se encontram.

Ta, e o link do mp3 você coloca na URL, e o restante deixa que o script faz pra você. Tipo assim:

Quote

<a href="paginaOndeEstaOScript.htm?musica=nomeDaMusica.mp3" ...


Um abraço.


Oi mano .. achei a tua dica lega... só que ao usar mostra todo meu diretorio no site .. eu que procuro é que apenas os videos rodem na mesma janela tipo um (playlist) eu uso assim no meu site :-

<object id="mediaPlayer"
width="423"
height="438"
classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,0,02,0902"
standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject">
<param name="fileName" value="NOME DO VIDEO.mpg" />
<param name="animationatStart" value="1" />
<param name="transparentatStart" value="0" />
<param name="autoStart" value="1" />
<param name="ShowControls" value="1" />
<param name="ShowDisplay" value="1" />
<param name="ShowStatusBar" value="1" />
<param name="loop" value="0" />
<embed
type="application/x-mplayer2"
pluginspage="http://microsoft.com/windows/mediaplayer/en/download/"
id="mediaPlayer"
name="mediaPlayer"
displaysize="4"
autosize="0"
bgcolor="darkblue"
showcontrols="1"
showtracker="1"
showdisplay="1"
showstatusbar="1"
videoborder3d="2"
width="423"
height="438"
src="mms:nome do video.mpg"
autostart="1"
designtimesp="5311"
loop="0"> </embed>
</object>

A janela fica legal e funcina eu gostaria de usar esta mesma janela para todos os vdios que tenho no site
quando tiver um tempinho agradeço um grande abraço (PS sou um Zero em programação) uso o DREAMWAVER 8 )

#8 Membro offline   leonpisenagrama Ícone

  • Ícone
  • Grupo: Membros
  • Posts: 7
  • Cadastrado: 13-julho 08

Postou 13 julho 2008 - 18:09

Caras, vim aqui ressucitar esse topico... Eh que fiz exatamente como descrito aqui... O player aparece mas não carrega o arquivo... O que posso estar fazendo de errado? Falow

#9 Membro offline   alebae Ícone

  • Ícone
  • Grupo: Moderadores
  • Posts: 642
  • Cadastrado: 21-abril 03
  • Sexo:Masculino
  • Localização:Indaial/SC

Postou 14 julho 2008 - 14:54

Bem :rolleyes:
Vamos lá, o value aponta para o caminho correto do vídeo, e qual seria a extensão do mesmo?

#10 Membro offline   leonpisenagrama Ícone

  • Ícone
  • Grupo: Membros
  • Posts: 7
  • Cadastrado: 13-julho 08

Postou 14 julho 2008 - 20:12

Ver postalebae, em 14/07/2008 - 14:54, disse:

Bem :rolleyes:
Vamos lá, o value aponta para o caminho correto do vídeo, e qual seria a extensão do mesmo?


Alebae, ja descobrir como fazer funcionar. Agora quero fazer o player tocar o primeiro video logo que a pagina carregar. Pode me ajudar?

Valeu

#11 Membro offline   leonpisenagrama Ícone

  • Ícone
  • Grupo: Membros
  • Posts: 7
  • Cadastrado: 13-julho 08

Postou 16 julho 2008 - 15:51

Vou tentar esclarecer qual é a minha dúvida. É o seguinte: usei o script do Leandro Vieira Pinho para tocar vários vídeos no mesmo player, porém os vídeos só são tocados quando clicamos num dos links, o que quero eh que um dos vídeos fique já carregado no player, de modo que ao clicar no play o usuário assista sem ter que antes clicar em um link... Somebody to help me?!

#12 Membro offline   alebae Ícone

  • Ícone
  • Grupo: Moderadores
  • Posts: 642
  • Cadastrado: 21-abril 03
  • Sexo:Masculino
  • Localização:Indaial/SC

Postou 16 julho 2008 - 17:28

Bem, infelizmente estou sem áudio aqui, mas você já tentou algo dentro do <body>, usando onload?

Seria mais ou menos assim:
<body onload="nomeDaFuncaoParaTocarMusica()">


#13 Membro offline   leonpisenagrama Ícone

  • Ícone
  • Grupo: Membros
  • Posts: 7
  • Cadastrado: 13-julho 08

Postou 18 julho 2008 - 03:07

Alebae, manjo muito pouco, tô começando agora... Como ficaria o onload na minha pg? O código segue abaixo... Ah, queria saber se tem algum jeito de carregar os outros videos sem refresh da pagina... Valeu mesmo!

Seria mais ou menos assim:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>ccccccccccccccc</title>
<link href="index2_arquivos/style_1.css" rel="stylesheet" type="text/css" />
</head><body>
<div id="div_menu">
				<ul id="ul_menu" name="ul_menu">
					<li>Home</li>
					<li><a href="Curriculo.html">Curr&iacute;culo</a></li>
					<li><a href="Ideias.html">Id&eacute;ias </a></li>
					<li><a href="">Hist&oacute;ria</a></li>
					<li><a href="">Depoimentos</a></li>
					<li><a href="">Contato</a></li>
		</ul>
			  </div>
				<div id="div_sobre">
					<h4 align="left">Conheça</h4>
					
<script type="text/javascript">
var query=window.location.search;
var str="?musica=";
var nome=query.slice(str.length);
var link_musica = "Musica/" +nome+ "";

mpvar = 0;

var dC = document;

var windowsmedia=new Object();
windowsmedia.installed=false;
windowsmedia.version='0.0';

// GeckoActiveXObject
var gkoaxwma=false;
	if (navigator.plugins && navigator.plugins.length){
		for (x=0; x<navigator.plugins.length; x++){
			if (navigator.plugins[x].name.indexOf('ActiveX') != -1 && window.GeckoActiveXObject){
			gkoaxwma=true;
			break;
			}
		}
}

function AXO(id) {
var error; var control = null;
try {
	if (window.ActiveXObject && navigator.userAgent.indexOf('Win') != -1) control = new ActiveXObject(id);
		else if (gkoaxwma) control = new GeckoActiveXObject(id);
	} catch (error) {}
	return control;
}

if (window.ActiveXObject || gkoaxwma) {// IE novo ou geko
	try {
	oWMP=new AXO('WMPlayer.OCX.7');
		if (oWMP){
		windowsmedia.installed=true;
		parseFloat(oWMP.versionInfo);
		windowsmedia.version=parseFloat(oWMP.versionInfo);
			if (windowsmedia.version.toString().length == 1) windowsmedia.version+='.0';
		}
	} catch(e) {}
} else if (navigator.plugins && navigator.plugins.length) { // Browsers antigos
	for (x=0; x<navigator.plugins.length; x++){
		if (navigator.plugins[x].name.indexOf('Windows Media') != -1){
		windowsmedia.installed=true;
		break;
		}
	}
}

windowsmedia.ver7=(windowsmedia.installed && parseInt(windowsmedia.version) >= 7) ? true:false;
	if(windowsmedia.ver7) { // windows media 7 ou maior (IE)
		mpvar=1;
		dC.writeln('<object width="299" height="240" id="wmp" name="wmp" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" standby="Carregando..." type="application/x-oleobject">');
		dC.writeln('<param name="uiMode" value="full">');
		dC.writeln('<param name="autoStart" value="true">');
		dC.writeln('<param name="URL" value="'+link_musica+'">');
		dC.writeln('</object>');
	} else if(windowsmedia.installed) { // windows media 6 ou menor (IE) ou outros browsers
		mpvar=2;
		dC.writeln('<OBJECT width="299" height="240" ID="wmp" name="wmp" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" standby="Carregando..." TYPE="application/x-oleobject">');
		dC.writeln('<PARAM NAME="FileName" VALUE="'+link_musica+'">');
		dC.writeln('<PARAM NAME="AutoStart" VALUE="True">');
		dC.writeln('<PARAM NAME="ShowDisplay" VALUE="False">')
		dC.writeln('<PARAM NAME="ShowControls" VALUE="True">');
		dC.writeln('<PARAM NAME="ShowStatusBar" VALUE="True">');
		dC.writeln('<PARAM NAME="ShowTracker" VALUE="True">');
		dC.writeln('<embed name="wmp" ');
		dC.writeln('type="application/x-mplayer2" pluginspage="http://www.microsoft.com/windows/windowsmedia/download/default.asp?DispLang=br" ');
		dC.writeln('filename="'+link_musica+'" ');
		dC.writeln('src="'+link_musica+'" ');
		dC.writeln('ShowControls=1 ');
		dC.writeln('ShowDisplay=0 ');
		dC.writeln('ShowStatusBar=1 ');
		dC.writeln('ShowTracker=1 ');
		dC.writeln('width=299 height=240>');
		dC.writeln('</embed>');
		dC.writeln('</OBJECT>');
	} else { // nao tem mediaplayer instalado
		dC.write("<table width=299 height=200 bgcolor=black style='border:1px solid silver'><tr><td align=center><span style=color:white;font-family:verdana;font-size:12px><b>Para assistir aos vídeos, é preciso ter o<br>Windows Media Player instalado.</b><br><br><a href=http://www.microsoft.com/windows/windowsmedia/download/default.asp?DispLang=br target=_blank style=color:white>Clique aqui</a> para fazer o download<br>do Windows Media Player diretamente<br>do site da Microsoft, em português.</span></td></tr></table>");
	}

function player_fullScreen() {
	if(mpvar==1 && wmp.playState == 3 && document.all) { wmp.fullScreen = "true"; }
	if(mpvar==2 ) { if(document.all){document.wmp.DisplaySize = 3;}else{document.wmp.DisplaySize(3);} document.wmp.Play(); }
}
</script>
  </p>		  
			  </div>
				<div id="responde">
				  <h4 align="left">Responde!</h4>
					<ul>
						<li><a href="#">Lista de V&iacute;deos &raquo;</a></li>
						<li><a href="index2.htm?musica=cara.wmv">Sobre a Educa&ccedil;&atilde;o &raquo;</a></li>
						
						  <br>
					  </li>
					</ul>
			  </div>
		  </div>
		
</div></body></html>


#14 Membro offline   leonpisenagrama Ícone

  • Ícone
  • Grupo: Membros
  • Posts: 7
  • Cadastrado: 13-julho 08

Postou 22 julho 2008 - 21:02

E ai povo?! To no desepero! Como faço pra carregar uma musica no player com esse codigo que postei? Quero fazer como descrito no tópico, ou seja ter uma lista com varios videos, a unica coisa a mais eh ja ter um dos videos carregados quando a pagina carregar. HELP ME PLEASE!

#15 Membro offline   alebae Ícone

  • Ícone
  • Grupo: Moderadores
  • Posts: 642
  • Cadastrado: 21-abril 03
  • Sexo:Masculino
  • Localização:Indaial/SC

Postou 23 julho 2008 - 14:03

Caro leonpisenagrama,
Creio que seja um problema mais na área de Javascript do que propriamente no Dreamweaver. Dá uma pesquisada no Fórum de JS, que poderá te dar uma luz

CLIQUE AQUI

#16 Membro offline   leonpisenagrama Ícone

  • Ícone
  • Grupo: Membros
  • Posts: 7
  • Cadastrado: 13-julho 08

Postou 23 julho 2008 - 15:53

alebae, ja revirei o forum de js e nada... Só continuei por aqui porque usei o codigo que foi passado e ainda tinha esse pequeno problema... o que você me sugere?
abraço

#17 Membro offline   alebae Ícone

  • Ícone
  • Grupo: Moderadores
  • Posts: 642
  • Cadastrado: 21-abril 03
  • Sexo:Masculino
  • Localização:Indaial/SC

Postou 23 julho 2008 - 17:32

Alterando o script acima não posso te informar até porque não tenho conhecimentos avançados em Javascript, mas dá uma olhadinha por Galeria de Som + Javascript, no Google. Acho que o primeiro ou segundo resultado te dará uma luz.
Agora, convenhamos, um player assim pesaria muito em sua página. Seria legal, um em Flash, com toda a possibilidade de pre-loader que ele te dá.

Página 1 de 1
  • Novo tópico
  • Responder

1 usuário(s) está(ão) lendo este tópico
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)