前端使用Aliplayer 播放器 播放flv直播流

之前写过一篇   前端使用Aliplayer 播放器 播放rtmp直播流

但是rtmp格式的直播流 需要通过本地的 Flash 播放器播放。

以后谷歌浏览器和火狐浏览器都不支持flash了，那rtmp格式的想通过 aliplayer播放出问题了，所以项目改成了flv格式的直播流，采用html5的播放器

阿里播放器那边后续对rtmp格式的也不再支持了。

另aliplayer的版本要使用最新的，会少很多问题

https://g.alicdn.com/de/prismplayer/2.9.3/aliplayer-min.js

记录一下

var player;
var PlayAuth = '';

getStream(); //启动流
                    // getPlayAuth()//获取 PlayAuth()


                    if (player) {
                        player.dispose(); //销毁
                        $('#player-con').empty();
                    }
                    if (source != '') {
                        $("#control").show()

                        player = new Aliplayer({
                            id: "player-con",
                            width: "100%",
                            autoplay: true, //自动播放
                            rePlay: false, //重播视频
                            isLive: true, //是否直播
                            useH5Prism: true, //指定使用H5播放器。 
                            source: source,
                            skinLayout: [{
                                    "name": "bigPlayButton",
                                    "align": "blabs",
                                    "x": 30,
                                    "y": 80
                                },
                                {
                                    "name": "errorDisplay",
                                    "align": "tlabs",
                                    "x": 0,
                                    "y": 0
                                },
                                {
                                    "name": "controlBar",
                                    "align": "blabs",
                                    "x": 0,
                                    "y": 0,
                                    "children": [{
                                            "name": "fullScreenButton",
                                            "align": "tr",
                                            "x": 10,
                                            "y": 10
                                        },
                                        {
                                            "name": "volume",
                                            "align": "tr",
                                            "x": 5,
                                            "y": 10
                                        }
                                    ]
                                }
                            ]
                        }, function(player) {
                            console.log("ok")
                        });