index.html

<!DOCTYPE html>

<html>

<head>
    <meta charset="utf-8" />
    <title>Live2D Viewer V3 Demo</title>

</head>

<body style="background-color: #00ff00;">
    <h1>第一次加载较慢，请耐心等待！</h1>
    
    <div class="Canvas" style="position: fixed; right: 10px; bottom: 10px;z-index: 99999999" id="L2dCanvas"></div>

    <script src="https://cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.min.js"> </script>
    <script src="https://cdn.jsdelivr.net/npm/howler@2.1.3/dist/howler.min.js"></script>
    <script src="https://cubism.live2d.com/sdk-web/cubismcore/live2dcubismcore.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/pixi.js@4.6.1/dist/pixi.min.js"></script>
    <script src="/live2dv3.js"></script>
    <script>
        window.onload = () => {
            new l2dViewer({
                el: document.getElementById('L2dCanvas'),
                basePath: 'https://cdn.jsdelivr.net/npm/live2dv3@latest/assets',
                modelName: 'biaoqiang_3',
                sizeLimit: false,
                mobileLimit: false,
                sounds: [
                    'sounds/demo.mp3',
                    'https://cdn.jsdelivr.net/npm/live2dv3@latest/assets/biaoqiang_3/sounds/demo.mp3'
                ]
            })
        }
    </script>
</body>

</html>