krpano调用js方法并传参、在krpano中用JS实现视频音频播放

最新推荐文章于 2024-01-15 09:57:31 发布

VRlook

最新推荐文章于 2024-01-15 09:57:31 发布

阅读量1.2k

点赞数 2

分类专栏： KRpano+全景VR 文章标签： krpano krpano视频 krpano音频 krpano加入视频 krpano video

本文链接：https://blog.csdn.net/VRlook/article/details/99237082

版权

本文介绍了如何在krpano中通过调用JavaScript函数来实现视频和音频的播放控制。首先，在action.js文件中编写PlayAudio和PlayVideo函数，然后在tour.html中引入该js文件，最后在tour.xml中利用krpano的action调用这些函数实现多媒体播放功能。

摘要由CSDN通过智能技术生成

Krpano中的action可以调用javascript中写好的函数。

根据krpano调用js的方法，就可以用krpano调用js，然后用js写视频和音频。顺序是在js文件中写好要实现的功能（我的js文件名称为action.js），然后在krpano生成的tour.html中引入这个写好的js文件，最后在krpano生成的tour.xml文件中需要的地方调用js中对应的函数（我的有两个函数，PlayAudio和PlayVideo）。需要注意在xml中要用action调用函数。

action.js:

//函数的参数audioName和videoName都是从krpano的xml文件中直接传入
//音频播放
function PlayAudio(audioName) {
    //判断是否已经存在音乐标签，如果存在则移除
    var clearDiv = document.getElementById("backAudioDiv");
    if (clearDiv !== null) {
        clearDiv.parentNode.removeChild(clearDiv);
    }
    //判断是否存在视频标签，如果存在则暂停视频播放
    var pauseDiv = document.getElementById("backVideoDiv");
    if (pauseDiv !== null) {
        document.getElementById("video").pause();
    }
 
    //创建背景标签和删除按钮标签
    var backAudioDiv = document.createElement("div");
    backAudioDiv.setAttribute("id", "backA