使用场景

该如何做?(sn号为摄相机设备码,在摄像机底座下可以找到)

场景1:微信、微博分享。

在“360摄像机”app 与 水滴直播网站的直播台观看页,都有提供分享功能,可以直接使用。

另外,也可以直接把直播间的播放网址发给别人:

http://shuidi.huajiao.com/pc/view.html?sn=36060771122

场景2:微信公众号,或h5活动宣传,引导用户看直播。

开发工程师在对应位置加上以下代码,并调整样式即可。

<a href="http://shuidi.huajiao.com/mobile/view.html?sn=36060771122">观看直播</a>

场景3:企业网站,或活动赛事网站,想展示直播台列表。

开发工程师在对应位置加上以下代码,并调整样式即可。

<shuidizhibowrapper class="clearfix" data-width="277" data-sn="36020147546,36030307933,36030281225,36030281228,36030307927,36020147535,3603030045"></shuidizhibowrapper>
<script src="http://shuidi.huajiao.com/listbuilder/index.js" charset="utf-8"></script>

说明:开发工程师专享(非技术人士请忽略):列表生成器

场景4:企业网站,或活动赛事网站,想嵌入直播播放器。

开发工程师在对应位置加上以下代码,并调整样式即可。

<div class="shuidi-ctn" style="width:100%;position:relative;">
<iframe style="position:absolute;width:100%;height:100%" src="http://shuidi.huajiao.com/pc/player_autosize.html?sn=36060771122&autostart=true" border=0 ></iframe>
<img src="http://p7.qhimg.com/t013c07b073711bcf8e.gif" style="width:100%;visibility:hidden;"/>
</div>

说明:开发工程师专享(非技术人士请忽略):"player_autosize.html"使用说明,可参见PC播放页下方的代码分享浮层。

说明:使用本用法,且日访问量超过1000的,请联系 直播合作 报备

场景5:企业网站,或活动赛事网站,想嵌入可以评论的直播台。

开发工程师在对应位置加上以下代码,并调整样式即可。

<div class="shuidi-ctn" style="width:100%;position:relative;">
<script>
(function(){
var html4PC = '<iframe src="http://shuidi.huajiao.com/pc/view-iframe.html?sn=36030282261&visibleBlocks=channel,name,desc,chat&autoPlay=true" style="width:100%;height:657px;border: 0px;overflow: hidden;"></iframe>';
var html4Phone = '<iframe style="position:absolute;width:100%;height:100%" src="http://shuidi.huajiao.com/pc/player_autosize.html?sn=36030282261&autostart=true" border=0 ></iframe><img src="http://p7.qhimg.com/t013c07b073711bcf8e.gif" style="width:100%;visibility:hidden;"/>';
var isPhone = "ontouchstart" in window && !(/Macintosh|Windows/i).test(navigator.userAgent);
document.write(isPhone?html4Phone:html4PC);
}());
</script>
</div>

说明:以上代码,已对“手机因屏幕太小而需降级去掉评论”作了处理。

说明:开发工程师专享(非技术人士请忽略):"view-iframe.html"使用说明

说明:使用本用法,且日访问量超过1000的,请联系 直播合作 报备

场景6:企业网站,或活动赛事网站,想嵌入回放视频。

本场景与场景4类似,区别是一个是嵌入直播,一个嵌入回放

开发工程师在对应位置加上以下代码,并调整样式即可。

<div class="shuidi-ctn" style="width:100%;position:relative;">
<iframe style="position:absolute;width:100%;height:100%" src="http://shuidi.huajiao.com/pc/player_autosize.html?topicid=57e8ff5322541083458b461f&autostart=false" border=0 ></iframe>
<img src="http://p7.qhimg.com/t013c07b073711bcf8e.gif" style="width:100%;visibility:hidden;"/>
</div>

说明:开发工程师专享(非技术人士请忽略):"player_autosize.html"使用说明,可参见PC播放页下方的代码分享浮层。

说明:在PC网站打开对回放的播放页(示例),即可以地址栏看到topicid是多少。

场景7:直播监控墙

http://shuidi.huajiao.com/jia_player_autosize.html?sns=36099906685_36099906685_36099906685_36099906685&autostart=true

主要用于PC。

没有autostart参数或参数为false时,打开页面后,需要用户点一下才播放。

其它参数:

channel=hide 隐藏台号

其它:

企业版:https://es.jia.360.cn/
可满足企事业单位大批量应用、管理、云录像相关需求,基于平台进行大批量设备管理、云控,视频墙、云录像等

量身定制或商务合作请邮件至:g-shuidizhibo@huajiao.tv