Refactor code structure for improved readability and maintainability

test/index.esm.html

@@ -1,36 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <title>Test ArtPlayer ESM with Import Map</title>
-    <style>
-        #player {
-            width: 640px;
-            height: 360px;
-            margin: 50px auto;
-            border: 1px solid #ccc;
-        }
-    </style>
-    <script type="importmap">
-    {
-        "imports": {
-            "artplayer": "/packages/artplayer/dist/artplayer.esm.js"
-        }
-    }
-    </script>
-</head>
-
-<body>
-    <div id="player"></div>
-    <script type="module">
-        import Artplayer from 'artplayer';
-
-        const art = new Artplayer({
-            container: '#player',
-            url: '../docs/assets/sample/video.mp4',
-        });
-    </script>
-</body>
-
-</html>