使用Hbuilder实现直播推流与直播观看

Hbuilder的HTML5+规范确实给众多开发者带来了很多便利，目前直播应用比较多，测试了一下H5 plus的直播推流与观看API确实可用，但是比原生应用要逊色一些了，测试一下是可以的，如果要做成型的产品可能要斟酌一下了，实际测试声音还原不够好，另外推流后客户端播放使用rtmp协议是可以正常播放，如果使用m3u8则播放卡顿，而同样的播放客户端和视频直播服务器，用其他工具推流则不会出问题，不知道是不是设备兼容性问题,下面给出推流和播放的代码供参考。

 

推流代码

    
    "utf-8">
    "viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    
    
    
    "margin:0;padding:0;text-align:center;">
        
"pusher" style="width:100%;height:300px;background-color:#000000;margin:auto">
        

        "text" id="pushurl" value="rtmp://推流服务器地址"  style="width: 500px;"/>  


        "updatePusher()">更新推流服务器
        


        "startPusher()">开始推流  

"switchCamera()">切换摄像头
        


        
    

播放代码

    
    "utf-8">
    "viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    
    
    
    "margin:0;padding:0;text-align:center;">
        "content" style="color:#0000FF">默认

        
        
"video" style="width:100%;height:300px;background-color:#ffffff;margin:auto;">
        

        "switchVideo('播放地址1')">切换视频地址1


        "switchVideo('观看地址2')">观看直播2rtmp


        "switchVideo('观看地址3')">观看直播3m3u8