视图加载

视图加载

加载的过程

视图加载的整个过程大致可以分为3个阶段：

1. AppInitEnd - 程序刚完成初始化，显示场景，业务侧可以在这个阶段进行Loading的隐藏

2. ResourceLoadEnd - 场景中加载完资源，正在解析资源，例如模型配置文件，这个阶段还不能进行深度交互

3. SceneLoadEnd - 是场景全部加载完成，可以进行交互操作

加载阶段的交互

SDK对外提供了一个专门获取场景加载进度的api：ProgressAPI，通过这个API可以获取到场景加载的进度和阶段，具体是使用方式如下：

<script type="text/javascript" src="http://g.alicdn.com/sail-fe/alibaba-lyj-js-player-umd/0.0.2/bundle.js"></script>
<script type="text/javascript">
    const { ProgressAPI } = TideWanhuatong;
    ProgressAPI.event.on("AppInitEnd", () => {
        console.log('进入AppInitEnd')
    })
    ProgressAPI.event.on("ResourceLoadEnd", () => {
        console.log('进入ResourceLoadEnd')
    })
    ProgressAPI.event.on("SceneLoadEnd", () => {
        console.log('进入SceneLoadEnd')
    })

    ProgressAPI.progress // 场景加载的进度百分比

</script>