主页 >> 帮助 >>直播玩法 >> 通过嵌入的播放器代码进行二次开发
详细内容

通过嵌入的播放器代码进行二次开发

  1、获取页面信息数据  

可通过播放器嵌入代码获取页面信息数据,进行部分功能,如:活动开始时间显示、倒计时、结束时间、推流状态、活动状态等自主功能开发。

嵌入页面检测到数据变更时,主动上报发送消息

消息内容:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

changedParam     array of string    本次更新的字段

example: ["isPushing","startedAt"]

——————————————————————————————————————————————————

startedAt        string             活动开始时间

example: 2017-07-10T09:44:59.000Z

——————————————————————————————————————————————————

endedAt          string             活动结束时间

example: 2017-08-07T09:27:00.000Z

——————————————————————————————————————————————————

isPushing        boolean            是否在推流

example: true

——————————————————————————————————————————————————

liveStatus       enum               当前状态

example: "未开始","直播中","已结束"

——————————————————————————————————————————————————

online           int                pv

example: 1

——————————————————————————————————————————————————

liveType           enum             播放类型

example: "live", "isPrologue", "isEpilogue"

live-直播,isPrologue-预设视频,isEpilogue-回放

使用方法:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<script>

function receiveMessage(event)

{

 if (event.origin.indexOf('shangzhibo.tv') === -1) {

    return;

}

// your code with event.data

}

window.onload = function() {

if (window.addEventListener) {

window.addEventListener('message', receiveMessage, false);

} else {

window.attachEvent('message', receiveMessage);

}

}

</script>

  2、跑马灯功能  

1

2

3

4

5

6

7

8

9

10

11

12

13

14

document.getElementById("iframeId").contentWindow 

  .postMessage( 

      {

        type: 'marquee', // 必须

        message: '', //跑马灯显示信息

        time: 5, //Number 秒 默认为 5

        style: {

          color: '#108EE9', //十六进制颜色码,默认主色

          fontSize: 14, //字号,默认14px

          opacity: '0.6' //不透明度,0-1,默认0.6

        } //自定义样式,可为空

      },

      'http://shangzhibo.tv'

  )

页面嵌入 iframe 后,待 iframe 加载完毕,可通过 postMessage API 开启跑马灯功能。 


最新评论
请先登录才能进行回复登录

Copyright 2018   全景云畅乐直播   京ICP备10011451号-6 

关注官方微博

关注官方微信

联系邮箱:332822291@qq.com



联系电话:4001163558

联系邮箱:ceo@hxsx.com

联系地址:北京市房山区加州水郡东区别墅97-4

seo seo