首页 / 浏览问题 / 三维GIS / 问题详情
iClient3D FOR WEBGL视频投放溃崩
15EXP 2021年07月19日

使用产品:iClient3d for webgl

操作系统:win10 64位

问题描述:以下代码视频可正常播放,执行到 projectionImage.build(); 系统崩溃, 错误提示见图片

var vid = document.getElementById("video");

if (Hls.isSupported()) {

      var hls = new Hls();

      hls.loadSource(playUrl);

      hls.attachMedia(video);

      hls.on(Hls.Events.MANIFEST_PARSED, function() {

        vid.play();

      });

    }

    var scene = viewerGlobal.scene; //当前场景

    var projectionImage = new Cesium.ProjectionImage(scene); //视频投放类

    var wgsPosition = scene.camera.positionCartographic; //

    var longitude = Cesium.Math.toDegrees(wgsPosition.longitude);

    var latitude = Cesium.Math.toDegrees(wgsPosition.latitude);

    var height = wgsPosition.height;

    projectionImage.setDistDirByPoint([longitude, latitude, height]);

    projectionImage.distance = 200; //设置观察点到投影仪的距离

    projectionImage.viewPosition = [longitude, latitude, height]; //设置起始位置

    projectionImage.direction = 180; //方位角

    projectionImage.pitch = -18; //俯仰角

    projectionImage.horizontalFov = 30; //水平视角

    projectionImage.verticalFov = 10; //垂直视角

    projectionImage.hintLineColor = Cesium.Color.DODGERBLUE; //提示线的颜色

    projectionImage.setImage({

      video: vid

    });

    projectionImage.build();

2 个回答

您好,请问您有引入m3u8的vedio标签吗,如

     <video id="myVideo" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" data-setup='{}' style='width: 100%;height: auto'>
            <source id="source" src="http://1252093142.vod2.myqcloud.com/4704461fvodcq1252093142/48c8a9475285890781000441992/playlist.m3u8" type="application/x-mpegURL"></source>
        </video>

您再把视频放在官网示例http://support.supermap.com.cn:8090/webgl/examples/webgl/editor.html#projectionImage替换一下,看看视频能否正常加载。

1,545EXP 2021年07月20日
在官网DEMO中运行成功,在我自已的工程中视频播放正常,添加到场景中,执行到 projectionImage.build(); 这里就报错了
15EXP 2021年07月20日
场景能不能正常获取到?您打印一下projectionImage,看下参数是否都正确。
...