Crie um aplicativo com o componente FLVPlayback

Você pode incluir o componente FLVPlayback em seu aplicativo destas formas:

  • Arraste o componente FLVPlayback do painel Componentes para o Palco e especifique um valor para o parâmetro source .

  • Use o assistente de importação de vídeo para criar o componente no Palco e personalize-o selecionando uma capa.

  • Use o construtor FLVPlayback() para criar dinamicamente uma ocorrência de FLVPlayback no Palco, presumindo que o componente esteja na biblioteca.

    Nota: Se você criar uma ocorrência de FLVPlayback com o ActionScript, também deverá atribuir uma capa a ela, definindo a propriedade skin com o ActionScript. Quando você aplica uma capa dessa maneira, ela não é publicada automaticamente com o arquivo SWF. Você deve copiar o arquivo de aplicativo SWF e o arquivo de capa SWF no servidor do aplicativo, ou o arquivo de capa SWF não estará disponível quando você executar o aplicativo.

Arraste o componente FLVPlayback do painel Componentes

  1. No painel Componentes, clique no botão de adição (+) para abrir a entrada de vídeo.

  2. Arraste o componente FLVPlayback para o Palco.

  3. Com o componente FLVPlayback selecionado no Palco, localize a célula Valor do parâmetro source na guia Parâmetros do Inspetor de componentes; insira uma string que especifique um dos seguintes itens:

    • Um caminho local para o arquivo de vídeo

    • Uma URL para o arquivo de vídeo

    • Uma URL para um arquivo SMIL (Linguagem de integração multimídia sincronizada) que descreva como reproduzir o arquivo de vídeo

      Para obter informações sobre como criar um arquivo SMIL para descrever um ou mais arquivos FLV, consulte Usar um arquivo SMIL .

  4. Na guia Parâmetros do Inspetor de componentes, com o componente FLVPlayback selecionado no Palco, clique na célula Valor do parâmetro skin .

  5. Clique no ícone de lupa para abrir a caixa de diálogo Selecionar capa.

  6. Selecione uma destas opções:

    • Na lista suspensa Capa, selecione uma das capas previamente criadas para anexar um conjunto de controles de reprodução ao componente.

    • Se você criou uma capa personalizada, selecione URL de cobertura personalizada, no menu pop-up, e insira na caixa URL, a URL do arquivo SWF que contém a capa.

    • Selecione Nenhum e arraste os componentes individuais da UI personalizada de reprodução FLV para o Palco, para adicionar controles de reprodução.

      Nota: Nos dois primeiros casos, uma visualização da capa é exibida no painel de exibição acima do menu pop-up. Você pode usar o seletor de cores para alterar a cor da capa.

      Para alterar a cor de um controle de UI personalizada, você deve personalizá-lo. Para obter mais informações sobre como usar controles de UI personalizada, consulte Colocar capa em componentes de UI personalizada de reprodução FLV individualmente .

  7. Clique em OK para fechar a caixa de diálogo Selecionar capa.

  8. Selecione Controle > Testar filme para executar o arquivo SWF e iniciar o vídeo.

    O seguinte procedimento usa o assistente de importação de vídeo para adicionar um componente FLVPlayback:

Uso do assistente de importação de vídeo:

  1. Selecione Arquivo > Importar > Importar vídeo.

  2. Indique o local do arquivo de vídeo selecionando uma das seguintes opções:

    • Em meu computador local

    • Já implantado em um servidor Web, no Flash Video Streaming Service ou no Flash Media Server

  3. Dependendo de sua escolha, insira o caminho ou a URL que especifica o local do arquivo de vídeo e, em seguida, clique em Avançar.

  4. Se você selecionou um caminho de arquivo, verá a caixa de diálogo Implantação em seguida, na qual você poderá selecionar uma das opções listadas para especificar como gostaria de implantar seu vídeo:

    • Download progressivo a partir de um servidor Web padrão

    • Fluxo do Flash Video Streaming Service

    • Fluxo do Flash Media Server

    • Incorporar vídeo em um arquivo SWF e reproduzir na Linha do tempo

      Importante: Não selecione a opção Incorporar vídeo. O componente FLVPlayback executa apenas vídeos de fluxo contínuo externo. Esta opção não colocará um componente FLVPlayback no Palco.
  5. Clique em Avançar.

  6. Selecione uma destas opções:

    • Na lista suspensa Capa, selecione uma das capas previamente criadas para anexar um conjunto de controles de reprodução ao componente.

    • Se você criou uma capa personalizada para o componente, selecione URL de cobertura personalizada, no menu pop-up, e insira a URL para o arquivo SWF que contém a capa na caixa URL.

    • Selecione Nenhum e arraste os componentes individuais da UI personalizada de reprodução FLV para o Palco, para adicionar controles de reprodução.

      Nota: Nos dois primeiros casos, uma visualização da capa é exibida no painel de exibição acima do menu pop-up.
  7. Clique em OK para fechar a caixa de diálogo Selecionar capa.

  8. Leia a caixa de diálogo Concluir importação de vídeo para observar o que acontece em seguida; depois, clique em Concluir.

  9. Se você não salvou seu arquivo FLA, a caixa de diálogo Salvar como será exibida.

  10. Selecione Controle > Testar filme para executar o arquivo SWF e iniciar o vídeo.

    O procedimento seguinte adiciona o componente FLVPlayback usando o ActionScript.

Criar uma ocorrência dinamicamente usando o ActionScript:

  1. Arraste o componente FLVPlayback do painel Componentes para o painel Biblioteca (Janela > Biblioteca).

  2. Adicione o seguinte código ao painel Ações no Quadro 1 da Linha do tempo. Altere install_drive para a unidade na qual você instalou o Flash e modifique o caminho para refletir o local da pasta Capas para instalação:

    Em um computador Windows:

    import fl.video.*; 
    var my_FLVPlybk = new FLVPlayback(); 
    my_FLVPlybk.x = 100; 
    my_FLVPlybk.y = 100; 
    addChild(my_FLVPlybk); 
    my_FLVPlybk.skin = "file:///install_drive|/Program Files/Adobe/Adobe Flash CS5/en/Configuration/FLVPlayback Skins/ActionScript 3.0/SkinOverPlaySeekMute.swf" 
    my_FLVPlybk.source = "http://www.helpexamples.com/flash/video/water.flv";

    Em um computador Macintosh:

    import fl.video.*; 
    var my_FLVPlybk = new FLVPlayback(); 
    my_FLVPlybk.x = 100; 
    my_FLVPlybk.y = 100; 
    addChild(my_FLVPlybk); 
    my_FLVPlybk.skin = "file:///Macintosh HD:Applications:Adobe Flash CS5:Configuration:FLVPlayback Skins:ActionScript 3.0SkinOverPlaySeekMute.swf" 
    my_FLVPlybk.source = "http://www.helpexamples.com/flash/video/water.flv";
    Nota: Se você não definir as propriedades source e skin , o clipe de filme gerado parecerá vazio.
  3. Selecione Controle > Testar filme para executar o arquivo SWF e iniciar o arquivo de vídeo.