Hoje, como um arquivo de vídeo deve ser adicionado à página da web, estudei o FLV Video Player FlvPlayer.swf 1. Carregue -o diretamente no arquivo HTML:
A cópia do código é a seguinte:
<div id = flashfile>
<Objeto Tipo = Application/X-Shockwave-Flash Largura = 470px Altura = 403px
dados = flvplayer.swf? file = filmes/empresa.flv>
<param name = filme value = flvplayer.swf? file = filmes /Company.flv & showfsbutton = true & automático = true />
<nome do param = value wmode = transparente />
<nome do param = valor da qualidade = alto />
<nome do param = Valor de perito
</ject>
</div>
2. Use JavaScript para carregar dinamicamente:
A cópia do código é a seguinte:
<Script Type = Text/JavaScript>
função playflv (nome do arquivo) {
var videoName = nome do arquivo; // nome de arquivo de vídeo
var floder = vídeo; // A pasta onde os vídeos flash são armazenados, observe que é relativa à localização do arquivo flvplayer.swf (imagens/flvplayer.swf)
var div = document.getElementById (flvPlayDiv);
div.innerhtml = <img src = 'imagens /espera.gif' />div.style.display = nenhum;
var resultado = <tabela align = 'Center'> <tr> <td align = 'Center'> <objeto tipo = 'Application/x-shockwave-flash' width = '470px' altura = '403px';
resultado + = dados = 'imagens / flvplayer.swf? file = + floder + / + filename +'>;
resultado + = <param name = 'filme' value = 'imagens /flvplayer.swf? file = + floder + / + nome do arquivo + & showfsButton = true & automático = true' />;
resultado += <nome do param = 'wmode' value = 'transparent' />;
resultado += <param name = 'Quality' value = 'High' />;
resultado += <param name = 'perroffullScreen' value = 'true' />;
resultado += </ject> </td> </tr> </tabela>;
div.innerhtml = resultado;
div.style.display = inline; // Div Método de exibição
}
</script>
Adicione o seguinte código à área do corpo:
A cópia do código é a seguinte:
<botão id = kk type = botão onclick = playflv ('Company1.flv')> reproduzir 1 </button>
<br /> <botão id = k2 type = botão onclick = playflv ('Company2.flv')> play 2 < /button>
<div id = flvplaydiv> </div> <!-Div Area para reprodução de vídeo->
Jog Player FLV Online FLV Player em chinês
Como usar: Se você precisar apenas reproduzir um arquivo FLV [como video.flv], basta copiar o vídeo.flv e o flvplayer.swf no pacote compactado ao mesmo diretório e adicione -o na página
Código do programa
<Objeto Tipo = Application/X-Shockwave-Flash Largura = 400 altura = 220
wmode = dados transparentes = flvplayer.swf>
<nome do param = valor do filme = flvplayer.swf />
<nome do param = value wmode = transparente />
<objeto/>
flvplayer.swf encontrará automaticamente a reprodução de vídeo.flv no mesmo diretório. Você também pode adicionar o URL do arquivo FLV após o FlvPlayer.swf para reproduzir. O método é o seguinte:
Código do programa
<Objeto Tipo = Application/X-Shockwave-Flash Largura = 400 altura = 220
wmode = dados transparentes = flvplayer.swf? file = filmes/holiday.flv>
<nome do param = valor do filme = flvplayer.swf? file = filmes /holiday.flv />
<nome do param = value wmode = transparente />
</ject>
arquivo = filmes/holiday.flv é um parâmetro e endereços relativos ou absolutos podem ser usados.
Outra descrição do parâmetro:
Se o vídeo não precisar ser reproduzido automaticamente ao carregar, você pode usar o parâmetro AutoStart
exemplo
Código do programa
<Objeto Tipo = Application/X-Shockwave-Flash Largura = 400 altura = 220
wmode = dados transparentes = flvplayer.swf? AutoStart = false>
<nome do param = valor do filme = flvplayer.swf? AutoStart = false />
<nome do param = value wmode = transparente />
</ject>
Vários parâmetros podem ser usados de maneira mista e a lista de parâmetros efetivos:
Código do programa
arquivo (o endereço do arquivo FLV)
AutoStart (se é permitido automaticamente, verdadeiro ou falso)
Imagem (visualizar imagens quando não é reproduzido, suponha apenas o formato JPEG)
Repita (se deve tocá -lo repetidamente)
ClickText (o texto exibido no início é clicar para reproduzir por padrão)
A seguir, a versão 3.12 http://www.cgfans.net/bbs/medias/2007/10/jw_flv_player.zip Esta é a versão 3.12
Este documento contém o método de instalação e o método de configuração do JW MP3 Player, JW FlvPlayer, JW Media Player, JW Image Rotator
Lei
JW PLAYERS 3.12 Documentação
1. Instale (incorporado no seu site)
2. Parâmetros (configuração)
Parâmetros básicos
Parâmetros de cores
Parâmetros de interface
Parâmetros de reprodução
Parâmetros interativos
3. Lista de reprodução
4. Personalizar
5. Suporte
Configuração rápida, execute o Assistente de Configuração
1. Instale
Após o download, você pode obter um exemplo, quando aberto com o texto ou editor HTML, você pode descobrir que o SWF é um pequeno pedaço de
JavaScript incorporado na página. Este javascript é swfobject.js escrito por Geoff Stearns, que resolve a necessidade de flash
O problema da vida. Ao copiar o SWF para o seu site, não se esqueça de copiar o swfobject.js juntos. E na página
Adicione o seguinte código à cabeça
Código do programa
<script type = text/javascript src = swfobject.js> </script>
Com a ajuda do swfobject.js, você pode definir facilmente o caminho, a largura, a altura, a cor de fundo e a versão do flash player que precisa, ou definir um conjunto de parâmetros para configurar o SWF. Quando a página é carregada, o JavaScript substituirá os nós na página de acordo com o ID.
Código do programa
<p id = player> <a href = http: //www.macromedia.com/go/getflashplayer> Obtenha flash </a> para ver esse jogador. </p>
<Script Type = Text/JavaScript>
var so = new Swfobject ('MediaPlayer.swf', 'Player', '400', '400', '7');
So.AddParam (perito, verbal);
SO.AddVariable (arquivo, test.flv);
So.AddVariable (DisplayHeight, 300);
So.Write ('Player');
</script>
Em situações em que você não pode usar o JavaScript (como o seu BSP, não o suporta, como o MySpace), você pode usar o INCED para inserir SWF.
Deve -se notar que o SWF não pode estar nesse servidor, mas se você precisar usar listas de reprodução XML, pode haver problemas, porque o XML deve estar no mesmo servidor que o SWF, caso contrário, será organizado devido a problemas de segurança. MP3, JPG, FLV não podem estar neste servidor.
Código do programa
<incorpado src = http: //www.myfileServer.com/folder/mediaplayer.swf width = 400 altura = 400
TIPO = APLICAÇÃO/X-SHOCKWAVE-FLASH Pluginspage = http: //www.macromedia.com/go/getflashplayer
flashvars = arquivo = http: //www.myfileServer.com/folder/test.flv&displayheight=300/>
2. Parâmetros
Esses parâmetros podem configurar o comportamento e a aparência do jogador incorporado no HTML. Se você usar o swfobject.js, poderá usar o método addVariable () para configurá -lo. Se você usar o método de incorporação, poderá configurar as variáveis definindo o atributo flashvars. Preste atenção ao uso do símbolo & para dividir essas variáveis.
O mesmo vale para o rotador de imagem do JW marcado com *
Variáveis básicas
DisplayHeight (número): a altura da área de exibição. A altura mínima da área de controle é 20px. Quando esse valor for maior ou igual à altura do SWF, a lista de reprodução será automaticamente oculta; caso contrário, isso será exibido.
Arquivo*(URL): o endereço do arquivo a ser reproduzido. Suporta reprodução de arquivo único (mp3/flv/rtmp/jpg/swf/png/gif) e também suporta listas de reprodução. O rotador de imagem JW suporta apenas listas
Altura*(número): Defina a altura do SWF. Ao inserir o uso de incorporação, ele foi definido na propriedade incorporada. Mas às vezes (especialmente quando o uso do IE) a altura se torna incerta, o que afeta o layout. No momento, você precisa definir este parâmetro, e a unidade deste valor é PX
Imagem (URL): Quando você toca MP3 e FLV, pode definir uma imagem de visualização como a capa do álbum através desse valor, suportando o arquivo JPG/SWF/PNG/GIF. Você também pode definir cada item na lista de reprodução.
Mostrado EVATUGATION*(Verdadeiro, Falso): Este parâmetro é suportado apenas pelo rotador da imagem JW. Usado para mostrar ou ocultar a navegação de imagem.
Transição* (desbotamento, bgfade, blocos, bolhas, círculos, fluidos, linhas, aleatórios, lenta): Este parâmetro é suportado apenas pelo rotador da imagem JW. Usado para definir o efeito da substituição da imagem. A configuração para aleatório definirá o efeito aleatoriamente. O valor padrão está desbotado.
Largura*(número): Defina a largura do SWF, a outra é a mesma que a altura;
Variáveis de cores
backcolor*(cor): define a cor de fundo do jogador. JW Media Player, etc., padrão para 0xfffff (branco) rotador de imagem JW, padrão para 0x000000 (preto).
fontcolor*(cor): define a cor do texto e dos botões. JW Media Player, etc., padrão para 0x000000 (preto) rotador de imagem JW, padrão para 0xfffff (branco).
LightColor*(cor): define a cor do estado ativado. O padrão é 0x000000 (preto) e o padrão é o rotador da imagem JW. O padrão é 0xcc0000 (vermelho).
Parâmetros de interface
AutoScroll (verdadeiro, falso): Quando a lista de reprodução for muito longa, a barra de rolagem será exibida automaticamente por padrão. Quando esse valor estiver definido como 'True', a lista de reprodução será automaticamente rolada de acordo com o mouse.
DisplayWidth (número de pixels): defina a largura da área de exibição. Quando a configuração for relativamente pequena, a lista de reprodução será exibida no lado direito da área de exibição em vez da parte inferior.
Kenburns* (Verdadeiro, Falso): Usado para alcançar o efeito KB durante o exercício. Observe que, quando a imagem é maior e a velocidade da Internet é mais rápida, é recomendável ligar, caso contrário. Recomenda -se definir a transição para o SlowFade para cooperar.
LargeControls (verdadeiro, falso): defina esse valor como true para aumentar o botão para a área de controle. Recomenda -se abri -lo para usuários com pouca visão
Logotipo* (URL): Defina uma imagem como a marca d'água no canto superior direito, suporta todos os formatos de imagem e suporta o melhor efeito PNG da camada transparente.
OverStretch* (True, False, Fit, Nenhum): define o zoom da imagem/vídeo na área de exibição. O alongamento de proporção igual é usado para ajustar a área de exibição. Falso apenas estique a área de exibição. Ajuste a tela de tela cheia. Nenhum mostra o tamanho original. JW Media Player, etc. são adequados por padrão, e o rotador da imagem JW é falso por padrão
ShowDigits (True, False, Total): Defina como false para ocultar o tempo de reprodução e outras informações para economizar espaço na área de controle. Defina como total para exibir o tempo todo.
SHOWDOWNLOAD (true, false): defina esse valor para exibir o botão de download na área de controle. Link para o endereço definido por link.
Showeq (verdadeiro, falso): usado para exibir um efeito de flutuação de áudio falso. Ao jogar MP3, você pode obter um bom efeito
Showicons* (Verdadeiro, Falso): Usado para exibir ou ocultar imagens no meio da área de exibição. JW Media Player, etc. Padrão para True. O rotador da imagem do JW é o padrão para false;
ShowVolume (true, false): usado para definir se deve exibir o botão de controle de volume
THUMBSINPLAYLIST (TRUE, FALSE): Defina se a imagem de visualização é exibida na lista
Parâmetros de reprodução
AutoStart (verdadeiro, falso, silenciado): definido como Ture, a página será reproduzida automaticamente após o carregamento. Definido como silenciado, ele será reproduzido automaticamente no modo silencioso e haverá um ícone mudo no meio da área de exibição. BufferLength (número): define o tempo de cache do FLV. O padrão é de 3 segundos
Repita* (Verdadeiro, Falso, Lista): O padrão é Flase e para depois de jogar da posição de reprodução atual até o final da lista. O conjunto para a lista reproduzirá todos os itens da lista e definido como true a reproduzirá.
RotateTime* (número): define o tempo de exibição da imagem. JW Media Player, etc. são padrão para 10 segundos e o rotador da imagem JW é padrão para 5 segundos.
shuffle* (true, false): defina como false para jogar sequencialmente, defina como true para jogar sem ordens
Suavização (verdadeira, falsa): defina como false para desativar o processamento de suavização de vídeos. Recomenda -se definir true para obter melhores resultados. Mas é benéfico definir false para telas grandes ou máquinas de baixo configuração.
Iniciar* (segundo): Ao usar mídia de streaming RTMP ou HTTP (FLV/MP3 não convencional), use essa variável para localizar com precisão a posição inicial. Este parâmetro está definido na lista de formatos do XSPE para definir com precisão a seção Arquivo.
Volume* (número): Defina o volume, padrão como 80.
Parâmetros interativos
Áudio* (URL): Use este parâmetro para adicionar um arquivo MP3 como um áudio separado, que pode ser usado como uma explicação musical de fundo da imagem, etc.
BWFILE (URL): o endereço do arquivo usado para detecção de largura de banda, você pode colocar uma imagem ou mídia de streaming RTMP. O valor do empréstimo pode ser visualizado no menu do clique com o botão direito do mouse.
BWStreams (lista de taxas de bits separada por vírgula):
Use -o em conjunto com o BWFile para selecionar diferentes arquivos de acordo com o valor da largura de banda. Por exemplo: você deseja reproduzir vídeo.flv e definir o valor deste item como 100.250.500.1000. Quando o jogador achar que a largura de banda é de 349kbps, video_250.flv será reproduzido. Portanto, ele tem uma configuração de nomeação eficaz, que ele trocará automaticamente, mesmo se usar listas de reprodução.
Retorno de chamada (URL): defina este parâmetro para o endereço do programa do servidor (PHP/ASP) para passar os dados de volta. Os dados são enviados ao servidor quando cada item é reproduzido e parado, para que as estatísticas de reprodução sejam salvas no lado do servidor.
Legendas (URL): Defina este valor para carregar um texto no formato de texto como legendas. Jogador para legendas que suportam o formato SMIL e o DVD. Se o seu arquivo FLV tiver fontes embutidas, você poderá definir o valor para a legenda. Se você possui legendas multicanais, poderá definir esse valor para a CACTIONATE0, CACTIONATE3, etc. O valor de cada item pode ser definido na lista.
enablejs* (true, false): defina como true para ativar o suporte ao JavaScript. O uso on -line é suportado apenas. O JavaScript pode controlar a reprodução, carregar mídia e obter informações detalhadas sobre o item de reprodução atual.
FSButtonLink (URL): Se a versão FlashPlayer do usuário for maior que (9.0.28), o player exibirá automaticamente um botão de tela inteira. Ao definir esse valor, você pode vincular a outra página para exibição de tela cheia. O servidor pode definir o arquivo a ser reproduzido.
id (string): o identificador exclusivo do jogador. Será devolvido ao servidor.
JavaScriptId* (String): Se você tiver vários jogadores em sua página, poderá definir esse parâmetro para fornecer a cada jogador um ID diferente, para que você possa controlá -lo facilmente com o JavaScript. Ele será devolvido ao evento GetUpDate ().
Link (URL): use este parâmetro para definir uma versão atual ou forçar o usuário a baixar o item atual através deste endereço. Este valor pode ser definido para cada item na lista de reprodução.
linkFromDisplay* (true, false): define a página a ser acessada quando a área de exibição é clicada. Por padrão, a operação de reprodução/pausa será executada quando a área de exibição for clicada.
LinkTarget* (quadro): Defina o destino do link, _SELPIONA ABERSA NA PÁGINA ATUAL. _blank abre em uma nova página.
StreamScript (URL): Defina este parâmetro como compatível com os arquivos FLV 'pseudo-streaming'.
TIPO (MP3, FLV, RTMP, JPG, PNG, GIF, SWF, RBS, 3GP, MP4, M4V): O jogador julgará o tipo com base nos últimos três caracteres do nome do arquivo. Esse método não funcionará mais quando você redirecionar usando um idioma do lado do servidor. Para que você possa definir este parâmetro para informar ao player o tipo de arquivo. Você também pode definir cada item na lista de reprodução. Se o jogador não conseguir encontrar o tipo de arquivo, ele será reconhecido como uma lista de reprodução.
useaudio (verdadeiro, falso): defina como false para mudar para o estado silencioso.
O USECAPTIONS (Verdadeiro, Falso): defina como false para ocultar legendas.
Útilscreen (verdadeiro, falso): se você não quiser usar o modo de tela inteira do FlashPlayer9. O parâmetro FSButtonLink pode ser definido para substituir os eventos do botão de tela inteira.
useKeys (true, false): defina como false para cancelar as operações do teclado (espaço, para cima, para baixo, esquerda, direita)
Nota: Você deve transferir o personagem para? = &. ? → %3F, = → %3D, & → %26. Quando sua variável de arquivo é getPlayList.php? Id = 123, ela deve ser definida como getPlayList.php%3fid%3d123.
Lista de reprodução
Quando houver apenas um item na lista de reprodução, o jogador jogará no modo de reprodução de um único arquivo. O player distingue o arquivo único dos arquivos da lista de playlist com base no nome do arquivo. Se você carregar um arquivo com o nome do arquivo test.mp3, o player usará o modo de reprodução de arquivo único para reproduzir MP3 porque a extensão é mp3. Se o nome do seu arquivo for getList.php, o jogador pensará que isso é uma lista de reprodução. Se você usar scripts dinâmicos para carregar um único arquivo como
O jogador suporta três formatos de lista de reprodução comumente usados para garantir a universalidade. XSPF, RSS e Atom.
Um rótulo comum para a lista XSPF/RSS/Atom suportada pelo player.
folha
*O rotador da imagem suporta apenas o primeiro item de 'áudio' na lista de reprodução e é usado como música de fundo para tocar. O jogador tocará todos os itens de música.
** O elemento de categoria pode ser usado para suportar anúncios. Você pode definir o valor para pré -recollo, pós -sobreposição ou sobreposição.
Use o valor de um único item na lista de reprodução do link para ser o endereço do anúncio.
*** O elemento inicial é suportado apenas pelo formato da lista de reprodução do XSPF. Esse elemento é usado para definir a posição inicial do arquivo de mídia de streaming (HTTP ou RTMP) em segundos.
**** Se o elemento de localização no formato da lista XSPF não contiver extensões comuns (como MP3 ou FLV), você poderá usar o elemento meta para especificar o formato do arquivo. (como <meta rel = 'type> mp3 </macem>). Ao usar RSS e Atom, o formato do arquivo é automaticamente reconhecido de acordo com o Mimetype.
RTMP Streams, o ID adicional flashvar também deve ser enviado. Exemplo: file = rtmp: //my.streaming.server/mypath e id = video_one.
Observe que, ao reproduzir um único arquivo, você suporta todos os parâmetros, como pode adicionar uma imagem, título, ID, link etc. Se você deseja adicionar uma imagem de visualização ao reproduzir video.flv no modo de reprodução de arquivo único, você pode definir o parâmetros file = video.flv, imagem = visualize.jpg. Ao reproduzir o streaming RTMP, você pode adicionar o ID dos parâmetros. Por exemplo, file = rtmp: //my.streaming.server/mypath, id = video_one.
Em particular, dois lugares propensos a erros são apontados. A primeira lista deve estar no mesmo servidor que o player, causado pelo mecanismo de segurança flash. Segundo, use o formato de endereço completo para incluir HTTP para que o jogador não possa encontrar o arquivo.
Personalizar
Muitas pessoas me pediram para criar algumas versões personalizáveis. Muitos de seus requisitos podem realmente ser alcançados definindo parâmetros. Fiz um assistente de configuração on -line para simplesmente configurar esses parâmetros. Não tenho energia para atender aos requisitos de todos. No entanto, haverá muitos recursos adicionais interessantes na próxima versão.
Se você estiver familiarizado com o idioma do Script do ActionScript, poderá modificar o programa e adicionar funções você mesmo.
Quando o jogador estiver na instância, as variáveis de configuração e lista de reprodução serão adicionadas recentemente e, em seguida, o ciclo de vida do MCV será inserido. A configuração e o gerenciador de listas (alimentador) são sempre válidos durante o ciclo de vida do MCV.
Todos os métodos dos dois objetos marcados em vermelho podem ser chamados através do JavaScript.
Em outros programas de flash, os jogadores podem ser referenciados. Basta copiar a imagem do arquivo FLV baixado e copiar o diretório COM baixado para o seu arquivo FLV, que contém todos os scripts. Em seguida, você pode acessar as variáveis no local do primeiro quadro da linha do tempo. Tenha cuidado para definir as variáveis de altura e largura, caso contrário, o jogador se esticará e se deformam de acordo com o seu tamanho.
como
Código do programa
// Defina os flashvars (booleanos e números também devem ser citados)
var largura = 320;
altura var = 240;
var arquivo = my_video.flv;
var automático = true;
// Comece o jogador
var mpl = new com.jeroenwijering.players.mediaplayer (this.Player);
Além disso, fiz do controlador um objeto público, para que você possa controlar o MediaPlayer com a função sendEvent () de qualquer lugar do seu site flash (o esquema acima possui uma lista de todas as opções sendEvent ()). Vamos continuar o pequeno script acima:
Criei um objeto de controlador exposto para o jogador, para que você possa controlar o jogador em qualquer lugar do seu programa usando o sendEvent () como:
Código do programa mpl.controller.sendevent (volume, 50);
mpl.controller.sendevent (playpause);
apoiar
Lista de perguntas frequentes
1. Se você tiver um layout extraviado ao usar o IE, pode ser que o tamanho não esteja bem definido. Você pode usar a largura e a altura variáveis para forçá -la.
2. Observe que os mecanismos de segurança do Flash e JavaScript afetarão seus testes locais. Você também pode ser afetado quando seus arquivos são colocados em servidores diferentes e pode tentar colocá -los no mesmo servidor.
3. A função de tela cheia só pode ser usada no flash player9.028.0 ou superior. Se você usar o Swfobject para incorporar seu jogador, poderá usar sua função de atualização automática. Observe que a tela de alvo está definida como true
4. Se sua barra de progresso não se mover, ou há um problema com a duração do seu vídeo. Pode ser que seu FLV não esteja definindo os metadados corretos. Você pode usar um widget www.buraks.com/flvmdi/.
As duas versões são um pouco diferentes, veja as instruções abaixo para obter detalhes