rtmp player

RTMP-Player

rtmp streaming ao vivo flash player personalizado

Por que você precisa escrever um jogador você mesmo

• VideoJS-Flash não suporta a autenticação de segurança da WoWZA
• O Aliplayer não é amigável com o fluxo do RTMP, e o jogador inteiro não pode ser reconectado automaticamente quando ocorre, e eles fazem o ponto do enterro.
• O JWPlayer custa dinheiro e é muito problemático desenvolver. O suporte ao Flash está ficando cada vez mais baixo e a documentação não está completa.
• A maioria dos jogadores de outros fabricantes de nuvem, como o Baidu Cloud
• O resto são todos os jogadores do H5, e o RTMP não suporta

Ambiente de Desenvolvimento

• animado cc
• flex_sdk_4.6

característica

• Boa adaptação ao wowza
• Suporte Screenshot Base64
• Apoie arquivos de domínio cruzado

usar

 < object
  type =" application/x-shockwave-flash "
  data =" index.swf "
  width =" 100% "
  height =" 100% "
  id =" app "
  bgcolor =" #000000 "
>
  < param name =" allowfullscreen " value =" true " />
  < param name =" allowscriptaccess " value =" always " />
  < param name =" wmode " value =" opaque " />
  < param name =" menu " value =" false " />
</ object > 

 // 因为加载 swf 是异步操作，需要等待swf加载完成后才能进行调用
// 但是因为 swf 文件的 onload 并不会调用
// 解决办法有两种
// 1 在 swf 里面调用一个 js 方法通知(考虑到在react组件中使用，暂无实现)
// 2 用定时器判断加载状态
const app = document . getElementById ( "app" ) ;
let timer = null ;
const canPlay = new Promise ( ( res , rej ) => {
  timer = setInterval ( ( ) => {
    try {
      if ( app . startLive ) {
        clearInterval ( timer ) ; // 加载完成
        res ( ) ;
      }
    } catch ( e ) { }
  } , 50 ) ;
} ) ;

canPlay . then ( ( ) => {
  app . startLive (
    "rtmp://cyberplayerplay.kaywang.cn/cyberplayer/" ,
    "demo201711-L1"
  ) ;
} ) ; 

 // 播放 rtmp 流
const app = document . getElementById ( "app" ) ;
app . startLive (
  "rtmp://cyberplayerplay.kaywang.cn/cyberplayer/" ,
  "demo201711-L1"
) ; 

 // base64 截图
const app = document . getElementById ( "app" ) ;
const Ouzzplayer = {
  snapshot ( str ) {
    const bs64 = `data:image/jpeg;base64, ${ str } ` ;
    console . log ( bs64 ) ;
  }
} ;
app . snapshot ( ) ; 

 // 停止直播
app . stopLive ( ) ; 

 // 暂停直播，因为是直播流，暂停后不提供续播的功能
app . pause ( ) ; 

 // rtmp 流状态 用于封装开发做 loading 或者显示播放状态

"NetConnection.Connect.Success" ; //服务器连接成功
"NetConnection.Connect.Closed" ; //连接中断
"NetConnection.Connect.Failed" ; //连接失败"
"NetConnection.Connect.Rejected" ; //没有权限"
"NetStream.Play.Reset" ; //播放列表重置"
"NetStream.Play.Start" ; //播放开始"
"NetStream.Buffer.Empty" ; //视频正在缓冲"
"NetStream.Buffer.Full" ; //缓冲区已填满"
"NetStream.Play.StreamNotFound" ; //找不到此视频");
"NetStream.Play.Stop" ; //视频播放完成");
"NetStream.Pause.Notify" ; //流已暂停"
"NetStream.Unpause.Notify" ; //流已恢复"
"NetStream.Seek.Failed" ; //搜寻失败"
"NetStream.SeekStart.Notify" ; //搜寻开始"
"NetStream.Seek.Notify" ; //正在搜寻……"
"NetStream.Seek.Complete" ; //搜寻完毕"
"NetStream.Publish.Start" ; //发布开始"
"NetStream.Unpublish.Success" ; //停止发布"
"NetStream.Record.Start" ; //开始录制"
"NetStream.Record.Stop" ; //停止录制"
"NetStream.Publish.BadName" ; //警告！试图发布已经被他人发布的流"
"NetStream.Play.PublishNotify" ; //发布开始，信息已经发送到所有订阅者"); //测试发布端有没在发布
"NetStream.Play.UnpublishNotify" ; //发布停止，信息已经发送到所有订阅者"); //测试发布端是否停止了发布
"NetStream.Play.InsufficientBW" ; //警告！客户端没有足够的带宽，无法以正常速度播放数据" 

PENDÊNCIA

• TOGLEPAUSE
• Melhores soluções de namespace