使用场景

该如何做？（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/
可满足企事业单位大批量应用、管理、云录像相关需求，基于平台进行大批量设备管理、云控，视频墙、云录像等