个性化进度条1

使用带背景图和开场视频的进度条

参数

new MMSDT.progress1( parameter,callBack )

parameter: 初始化参数

var parameter = {
container: MMS_container, //容器
background: dirUrl+"textures/background.jpg", //背景图
color: "#cc0000", //圆圈和文字的颜色
bgColor: "#aaaaaa", //圆圈背景颜色
enter: dirUrl+"textures/enter.png", //进入按钮图片
video: dirUrl+"textures/loading.mp4", //开场视频
}

callBack: 视频播放完成回调函数

属性

.updata(value)

更新进度条数值

代码示例


		
//项目初始化（画布id号, 文件包路径）
MMSDT.newCanvas = function(id, dUrl){
	
	var MMS_container = document.getElementById( id );	
	var dirUrl = dUrl;                                    	
	
	//使用带背景图和开场视频的个性化进度条
	var parameter = {
        container: MMS_container,                           //容器
        background: dirUrl+"textures/background.jpg",       //背景图
        color: "#cc0000",                                   //圆圈和文字的颜色
        bgColor: "#aaaaaa",                                 //圆圈背景颜色
        enter: dirUrl+"textures/enter.png",                 //进入按钮图片
        video: dirUrl+"textures/loading.mp4",               //开场视频
	}
	var progress = new MMSDT.progress1( parameter, callBack );  //初始化进度条(参数，视频播放完成回调函数)
	function callBack(){
        alert("开场进入视频已播放完毕，可以进行后续操作");     //自定义接口，视频播放完成
	}
		
	//读取设备的json配置文件
    MMSDT.getJson( dirUrl+"models/exhibition/mms3D1623135442728.json", callback);
    function callback(dateJson){
        var MMS_jsonData = dateJson;		
        var MMS_modelUrl = [                                
                                dirUrl+"models/exhibition/zt.gltf",
                                dirUrl+"models/exhibition/zt1.gltf",
                            ]
        var MMS_modelTotal = 9947994;                       
	
        var parameter = [ MMS_container, MMS_jsonData, MMS_modelUrl, MMS_modelTotal, dirUrl ]; 	
        var MMS_initScene = new MMSDT.initScene( parameter, callProgress );    
        MMS_initScene.stats = false;                         
        MMS_initScene.outlineSW = false;                              
        MMS_initScene.background = false;    //默认进度条不显示
        MMS_initScene.stopRender=true; 
		
        //进度条数值回调，用于自定义进度条
        function callProgress( value ){  
            progress.updata( value );        //进度条数值更新
        }
    }
}

个性化进度条1

参数

属性

代码示例

在线演示