[ts] Add first event audio implementation to webplayer

examples/export/runtimes.sh

@@ -348,10 +348,11 @@ cp -f ../raptor/export/raptor-pro.json "$ROOT/spine-ts/spine-threejs/example/ass
 cp -f ../raptor/export/raptor.atlas "$ROOT/spine-ts/spine-threejs/example/assets/"
 cp -f ../raptor/export/raptor.png "$ROOT/spine-ts/spine-threejs/example/assets/"
 
-rm "$ROOT/spine-ts/spine-player/example/assets/"*
+rm -rf "$ROOT/spine-ts/spine-player/example/assets/"*
 cp -f ../raptor/export/raptor-pro.json "$ROOT/spine-ts/spine-player/example/assets/"
 cp -f ../raptor/export/raptor-pma.atlas "$ROOT/spine-ts/spine-player/example/assets/"
 cp -f ../raptor/export/raptor-pma.png "$ROOT/spine-ts/spine-player/example/assets/"
+cp -rf ../raptor/audio "$ROOT/spine-ts/spine-player/example/assets/"
 
 cp -f ../spineboy/export/spineboy-pro.skel "$ROOT/spine-ts/spine-player/example/assets/"
 cp -f ../spineboy/export/spineboy-pma.atlas "$ROOT/spine-ts/spine-player/example/assets/"

spine-sfml/cpp/data/spineboy-pro.json

@@ -1,7 +1,7 @@
 {
 "skeleton": {
 	"hash": "itfFESDjM1c",
-	"spine": "4.1.23-beta",
+	"spine": "4.1.17",
 	"x": -188.63,
 	"y": -7.94,
 	"width": 418.45,

spine-ts/spine-core/src/AssetManagerBase.ts

@@ -120,6 +120,18 @@ export class AssetManagerBase implements Disposable {
 		});
 	}
 
+	loadAudio (path: string,
+		success: (path: string, texture: Texture) => void = () => { },
+		error: (path: string, message: string) => void = () => { }) {
+		path = this.start(path);
+
+		this.downloader.downloadBinary(path, (data: Uint8Array): void => {
+			this.success(success, path, data.buffer);
+		}, (status: number, responseText: string): void => {
+			this.error(error, path, `Couldn't load binary ${path}: status ${status}, ${responseText}`);
+		});
+	}
+
 	loadTexture (path: string,
 		success: (path: string, texture: Texture) => void = () => { },
 		error: (path: string, message: string) => void = () => { }) {

spine-ts/spine-player/example/example.html

@@ -25,6 +25,7 @@
 		<button id="screenshot">Screenshot</button>
 	</div>
 	<img id="screenshot-image" src="" style="width: 400px;">
+	<div id="container-raptor-audio" style="width:640px; height:380px"></div>
 </body>
 <script>
 	// Creates a new spine player. The debugRender option enables
@@ -74,6 +75,17 @@
 			});
 		}
 	});
+
+	// Creates a new spine player with audio enabled.
+	new spine.SpinePlayer("container-raptor-audio", {
+		jsonUrl: "assets/raptor-pro.json",
+		atlasUrl: "assets/raptor-pma.atlas",
+		audioFolderPath: "assets/audio",
+		animation: "roar",
+		premultipliedAlpha: true,
+		backgroundColor: "#cccccc",
+		showControls: true
+	});
 </script>
 </body>