得图云全景剪辑pro系列教程——自定义js

在虚拟全景中添加js可以实现很多意想不到的交互效果。今天我们要说说如何在得图云的全景剪辑pro中添加js。

适用人群:具有网页编程能力的同学。

适用场合:网页嵌套

操作步骤如下:

1、先在本地写好一个js方法,如

<script>
function fun1()
{
alert(“得图云专注于360全景影像领域。”);
}
</script>

2、设计全景剪辑pro项目,项目中有两种方式可以添加js,一种是热点,另一种是播放器插件。

(1)热点js:打开热点管理功能,进入要添加热点的场景,点击“新增热点”按钮,选择热点图标和添加位置,“点击事件”选择“响应自定义js事件”,“自定义js”框中输入第一步中的js函数名,如“fun1”;

自定义js事件

自定义js事件

(2)播放器插件js:打开播放器插件功能,创建模块,添加元素,将写好的js的函数名填到“js函数”输入框,如下图。

播放器插件js

播放器插件js

3、点击“完成”和“发布”,在项目展示列表中选择刚刚设计的项目,点击弹出框的“复制代码”按钮,复制全景展示代码。

复制代码

复制代码

4、将复制的代码嵌入到自己的网页中

嵌入代码

嵌入代码

5、要查看添加的js效果,需用浏览器方式打开网页

浏览器查看

浏览器查看

预览js效果

下载网页代码

用该方法你可以根据需要为自己的网站添加js特效啦!

 

>>>点击进入得图云

 

  1 comment for “得图云全景剪辑pro系列教程——自定义js

  1. 小李
    2015年11月18日 at 下午4:41

    我想学习怎么添加loge 但是没有 可以发表个教程么?比较急 谢谢

发表评论

电子邮件地址不会被公开。 必填项已用*标注