<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Criação de Sites REMIND &#187; jw flv media player</title>
	<atom:link href="http://remind.com.br/tag/jw-flv-media-player/feed/" rel="self" type="application/rss+xml" />
	<link>http://remind.com.br</link>
	<description>Criação de Sites, Desenvolvimento de aplicativos para web, Otimização de Sites.</description>
	<lastBuildDate>Thu, 22 Mar 2012 08:51:35 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>JW FLV Media Player &#8211; Player de vídeo Flv com parâmetros XML</title>
		<link>http://remind.com.br/jw-flv-media-player-player-de-video-flv-com-parametros-xml/</link>
		<comments>http://remind.com.br/jw-flv-media-player-player-de-video-flv-com-parametros-xml/#comments</comments>
		<pubDate>Sun, 03 Jan 2010 02:54:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[jw flv media player]]></category>

		<guid isPermaLink="false">http://remind.com.br/?p=97</guid>
		<description><![CDATA[O JW Player é um caminho fácil e flexivel para adicionar vídeos e audios em seu website. Este player suporta e executa qualquer formato do adobe flash player (flv, mp4,mp3,AAC,JPG.PNG e GIF). Também suporta RTPM, HTTM e live streaming, varios formatos de players (skins) e playlists, e muitos tipos de configurações adaptadas por extensões javascript [...]]]></description>
			<content:encoded><![CDATA[<p>O<strong> JW Player é um caminho fácil e flexivel para adicionar vídeos e audios em seu website</strong>. Este player suporta <strong>e executa  qualquer formato do adobe flash player</strong> (flv, mp4,mp3,AAC,JPG.PNG e GIF). Também suporta RTPM, HTTM e live streaming, varios formatos de players (skins) e playlists, e muitos tipos de  configurações adaptadas por extensões javascript .</p>
<p><a href="http://www.remind.com.br/downloads/playerjw.zip">Download exemplos JW Player</a></p>
<hr />
<h3>Player de vídeo Flv com parametros XML &#8211; Solução JW Player &#8211; 5/11/2008</h3>
<p>Flv é um tipo de compressão para arquivos de vídeo.Hoje iremos  utilizar uma ferramenta muito interessante, o JW PLAYER ,  uma solução de player para web que  fornece excelentes resultados , bem  fácil de ser utilizado e totalmente customizável. Perfeito para quem está procurando uma solução  em player de vídeo para web e ainda esta começando no estudo de scripts e linguagens de  programação.</p>
<p>Flv é um tipo de compressão para arquivos de vídeo.<strong> Esta extensão é utilizada para exibição de vídeos no padrão flash, que permite uma compressão  muito grande do arquivo , tendo uma relação excelente entre tamanho do vídeo  e qualidade da imagem</strong>, melhorando a experiência do usuário ao assistir vídeos na web ,pois enquanto ele assiste a uma parte do vídeo já carregada, continua carregando o restante do vídeo por download progressivo ou stream. É o tipo de compressão que possibilitou a expansão do uso de vídeos na rede, através de sites como o youtube e derivados, torna arquivos grandes de vídeos em tamanhos bem reduzidos e consegue manter  boa parte da qualidade da imagem, até mesmo no padrão HDV.</p>
<p><strong>Para converter arquivos de vídeo para o formato flv, você pode utilizar o adobe flash cs3 video encoder ( que acompanha a versão do flash cs3 professional), ou utilizar outros softwares como visualhub, Isquint, entre outros.</strong></p>
<p>Esta parte é muito importante , pois é nela que definimos a qualidade e o tamanho do vídeo que será colocado para exibição no site. Eu particularmente prefiro vídeos com qualidade, mesmo que espere um pouco mais para assistir, mais isso vai com o objetivo de cada desenvolvedor e do público alvo que deseja atingir com a exibição do vídeo. Hoje trataremos da  utilização do player ( botar ele pra exibir um arquivo flv contido em um xml ), em breve trarei um tópico exclusivo sobre o tratamento de arquivos de vídeo na corversão para flv , bem como dos recursos como flash media server  e  flash media stream,interessantes para exibição de vídeos em massa ( por um grande numero de usuários ao mesmo tempo)  ou  ao vivo. </p>
<p>Então vamos ao que interessa:</p>
<h3>Usando o JW FLV Media Player 4.2</h3>
<p>Após fazer o download&nbsp; dos arquivos do exemplo você poderá abrir a pagina reader.html  e ver o player genérico  em funcionamento.</p>
<p>Rodando o player em uma pagina independente:</p>
<p>1 &#8211; Crie um novo arquivo de html no dreamweaver, no nosso exemplo&nbsp; básico&nbsp; &quot;player.html&quot;</p>
<p>2 &#8211; adicione o código do player  no body do  seu  novo arquivo html:</p>
<h3>Exemplo Básico sem uso de xml.</h3>
<p>CODE:</p>
<div class="fundocode">
<p><code>&lt;div id=&quot;container&quot;&gt; &lt;/div&gt;</p>
<p>  &lt;script type=&quot;text/javascript&quot; src=&quot;swfobject.js&quot;&gt;&lt;/script&gt;<br />
&lt;script type=&quot;text/javascript&quot;&gt;<br />
var s1 = new SWFObject(&quot;player.swf&quot;,&quot;container&quot;,&quot;328&quot;,&quot;200&quot;,&quot;9&quot;,&quot;#FFFFFF&quot;);</p>
<p>s1.addParam(&quot;allowfullscreen&quot;,&quot;true&quot;);<br />
s1.addParam(&quot;allowscriptaccess&quot;,&quot;always&quot;);<br />
s1.addParam(&quot;flashvars&quot;,&quot;file=video.flv&amp;image=preview.jpg&quot;);</p>
<p>s1.write(&quot;container&quot;);<br />
&lt;/script&gt;&nbsp;</code></p>
</div>
<p>EXPLICANDO O CÓDIGO:</p>
<div class="fundocode">
<p>&lt;!&#8211;  cria uma div onde o player vai ser inserido&#8211;&gt;</p>
<p>&lt;div id=&quot;container&quot;&gt;&lt;/div&gt;</p>
<p>&lt;!&#8211; para o posterior uso do flash,  chama o arquivo swfobject.js que está na mesma pasta do player . Se você salvou a pagina do player personalizado em um local diferente da pasta do jw player, transfira este arquivo para a  mesma pasta do  novo html ou indique corretamente a lozalização.&#8211;&gt;</p>
<p>&lt;script type=&quot;text/javascript&quot; src=&quot;swfobject.js&quot;&gt;&lt;/script&gt; </p>
<p>&nbsp;</p>
<p> &lt;!&#8211; indica o inicio do uso de um javascript&#8211;&gt;</p>
<p>&lt;script type=&quot;text/javascript&quot;&gt;</p>
<p>&nbsp;</p>
<p>&lt;!&#8211;cria uma variável e define suas propriedades, aqui você seta o endereço do  player.swf ( também contido na pasta do jw player), altera também, a o  tamanho  do player  em width e height, altera também a cor de  fundo do flash &#8211;&gt; 
</p>
<p> var s1 = new SWFObject(&quot;player.swf&quot;,&quot;ply&quot;,&quot;328&quot;,&quot;200&quot;,&quot;9&quot;,&quot;#FFFFFF&quot;);</p>
<p>&nbsp;</p>
<p> &lt;!&#8211;adiciona parametros ao flash, &quot;allowfullscreen&quot;,&quot;true&quot; habilita a opção de visualizar o vídeo tem tela cheia.&#8211;&gt; </p>
<p>&nbsp;</p>
<p> s1.addParam(&quot;allowfullscreen&quot;,&quot;true&quot;);</p>
<p>  s1.addParam(&quot;allowscriptaccess&quot;,&quot;always&quot;);</p>
<p> &lt;!&#8211;adicionamos as variaveis ao flash. em &quot;file&quot; indica o caminho onde  temos o vídeo, usamos  &quot;&amp;&quot; para ligar as variáveis, &quot;imagem&quot; indica  o caminho para a figura que abre enquanto o player não for executado. &#8211;&gt; </p>
<p>&nbsp;</p>
<p> s1.addParam(&quot;flashvars&quot;,&quot;file=video.flv&amp;image=preview.jpg&quot;);</p>
<p>&nbsp;</p>
<p> &lt;!&#8211;Indica onde em qual div irá executar , Estes são os parâmetros básicos para uso em qualquer página, &#8211;&gt; </p>
<p>&nbsp;</p>
<p> s1.write(&quot;container&quot;);</p>
</div>
<h3>Exemplo do jw player buscando os arquivos em um xml, personalizando o player por  skin, adicionando  buffering e embed .</h3>
<p>O JW PLAYER POSSÚI VARIAS POSSIBILIDADES DE CUSTOMIZAÇÃO,  COM PLUGINS , SKINS E  E MUITOS OUTROS RECURSOS. VOCÊ PODE VER UMA SÉRIE DELES  NO <a href="http://www.longtailvideo.com/AddOns">LONGTAIL VIDEO</a> ,site com uma enorme quantidade de plugins para o<strong> jw player. </strong></p>
<p>CÓDIGO HTML:</p>
<div class="fundocode">
<p>&lt;script type=&quot;text/javascript&quot; src=&quot;swfobject.js&quot;&gt;&lt;/script&gt;</p>
<p>&lt;div id=&quot;container&quot; &gt;<br />
  &lt;p&gt;<br />
  não há flash, ou o javascript está desabilitado.<br />
  &lt;/p&gt;<br />
  &lt;/div&gt;</p>
<p>  &lt;script type=&quot;text/javascript&quot;&gt;<br />
  var so = new SWFObject(&quot;player.swf&quot;,&quot;container&quot;,&quot;474&quot;,&quot;320&quot;,&quot;9&quot;,&quot;#000000&quot;);</p>
<p>  so.addParam(&quot;allowscriptaccess&quot;,&quot;always&quot;);<br />
  so.addParam(&#8216;allowfullscreen&#8217;,'true&#8217;);<br />
  so.addParam(&quot;flashvars&quot;,&quot;config=configplayer.xml&quot;);</p>
<p>  so.write(&quot;container&quot;);<br />
  &lt;/script&gt;</p>
</div>
<p>EXPLICANDO OS CÓDIGOS ALTERADOS OU INSERIDOS NO HTML  .</p>
<div class="fundocode">
<p>&lt;!&#8211;  cria um conteúdo para a  div  do player que apareçerá caso haja algum erro de exibição do player . &#8211;&gt;</p>
<p> &lt;p&gt;não há flash, ou o javascript está desabilitado.&lt;/p&gt;</p>
<p>&lt;!&#8211;  Indica o caminho do  xml onde estarão os parametros e variáveis do player&#8211;&gt;</p>
<p> so.addParam(&quot;flashvars&quot;,&quot;config=configplayer.xml&quot;);</p>
</div>
<p>CÓDIGO DO ARQUIVO  XML  DE NOME  &quot;configplayer.xml&quot; .</p>
<div class="fundocode">
<p>&lt;config&gt;</p>
<p> &lt;file&gt;video.flv&lt;/file&gt;<br />
  &lt;fullscreen&gt;true&lt;/fullscreen&gt;<br />
  &lt;skin&gt;embedSkin.swf&lt;/skin&gt;</p>
<p>  &lt;plugins&gt;embedPlugin&lt;/plugins&gt;</p>
<p>  &lt;stretching&gt;fill&lt;/stretching&gt;<br />
  &lt;bufferlength&gt;10&lt;/bufferlength&gt;</p>
<p>  &lt;image&gt;preview.jpg&lt;/image&gt;</p>
<p>  &lt;embed.code&gt;&amp;lt;embed src=&quot;http://www.somedomain.com/player.swf&quot; width=&quot;470&quot; height=&quot;320&quot; bgcolor=&quot;000000&quot; allowfullscreen=&quot;true&quot; allowscriptaccess=&quot;always&quot; flashvars=&quot;config=http://www.somedomain.com/config.xml&quot;&amp;gt;&amp;lt;/embed&amp;gt;&lt;/embed.code&gt;</p>
<p>  &lt;embed.title&gt;Deseja colocar  este vídeo em sua pagina da web?&lt;/embed.title&gt;<br />
  &lt;embed.instruction&gt;COPIE O CÓDIGO ABAIXO PARA O SEU SITE&lt;/embed.instruction&gt;<br />
  &lt;embed.close_text&gt;FECHAR&lt;/embed.close_text&gt;<br />
  &lt;embed.copy_text&gt;COPIAR CÓDIGO&lt;/embed.copy_text&gt;</p>
<p>  &lt;embed.copied_text&gt;CÓDIGO COPIADO&lt;/embed.copied_text&gt;<br />
  &lt;embed.show_window_after_complete&gt;true&lt;/embed.show_window_after_complete&gt; </p>
<p>  &lt;/config&gt;</p>
</div>
<h3>DETALHAMOS OS PARAMETROS DO ARQUIVO  XML.</h3>
<p>Para nosso exemplo, não será necessário aprofundamentos de explicações dos códigos do xml, basta explicar que cada parâmetro está inserido no xml para que o html o localize e execute. Vamos nos prender nos plugins inseridos para esta versão de player xml, pois os outros parâmetros já foram citados no exemplo simples acima .A lógica é a mesma, só a forma de setar as propriedades é que muda um pouco. Veja os Códigos descritos para a Customização do player:.</p>
<div class="fundocode">
<p>&lt;!&#8211; inserindo o caminho do  skin  baixado no  longtail video para customizar o player . Para facilitar eu  adicionei ao arquivo fla do skin  do longtail, o   botão embed video, que usaremos para fornecer ao usuário o código de exibição do vídeo para ele botar em seu site.&#8211;&gt;</p>
<p>&lt;skin&gt;embedSkin.swf&lt;/skin&gt;</p>
<p>&lt;!&#8211;  habilita o plugin do botão  embed que  fornecer ao usuário o código de exibição do vídeo para ele botar em seu site.&#8211;&gt;</p>
<p>&lt;plugins&gt;embed-1&lt;/plugins&gt;</p>
<p>&lt;!&#8211; coloca o vídeo para ser exibido em toda a sua area.&#8211;&gt;</p>
<p>&lt;stretching&gt;fill&lt;/stretching&gt;</p>
<p>&lt;!&#8211; faz com que o player execute depois de 10% do arquivo carregado&#8211;&gt;</p>
<p>&lt;bufferlength&gt;10&lt;/bufferlength&gt;</p>
<p>&lt;!-seta as propriedades do player  para o codigo do usuario. mude de acordo com as suas informacoes de dominio e localizacoes.&#8211;&gt;</p>
<p>&lt;embed.code&gt;&amp;lt;embed src=&quot;http://www.somedomain.com/player.swf&quot; width=&quot;470&quot; height=&quot;320&quot; bgcolor=&quot;000000&quot; allowfullscreen=&quot;true&quot; allowscriptaccess=&quot;always&quot; flashvars=&quot;config=http://www.somedomain.com/config.xml&quot;&amp;gt;&amp;lt;/embed&amp;gt;&lt;/embed.code&gt;</p>
<p>&lt;!-os parametros abaixo sao as informacoes do embed na interface , O conteudo pode ser editado. A ultima linha define que apos o temino do player será disponibilizado automaticamente a opcao do código embed  para o usuário. &#8211;&gt;</p>
<p>&lt;embed.title&gt;Deseja colocar  este vídeo em sua pagina da web?&lt;/embed.title&gt;<br />
  &lt;embed.close_text&gt;FECHAR&lt;/embed.close_text&gt;<br />
  &lt;embed.copy_text&gt;COPIAR CÓDIGO&lt;/embed.copy_text&gt;<br />
  &lt;embed.copied_text&gt;CÓDIGO COPIADO&lt;/embed.copied_text&gt;</p>
<p>  &lt;embed.show_window_after_complete&gt;true&lt;/embed.show_window_after_complete&gt; </p>
<p>&nbsp; </p>
</div>
<p>É isso galera, de resto é so botar a cabeça pra funcionar e pesquisar que &eacute; poss&iacute;vel  fazer muito mais com esse recurso.</p>
]]></content:encoded>
			<wfw:commentRss>http://remind.com.br/jw-flv-media-player-player-de-video-flv-com-parametros-xml/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->
