remove AudioSource component from not sync list

[nicoecheza]

closes decentraland/creator-hub#468

How to test:

1. Create a new scene from some template (this one is perfect)
2. Copy the following code into src/index.ts

import { Color4 } from '@dcl/sdk/math'
import {
  PointerEvents,
  engine,
  Transform,
  Material,
  MeshRenderer,
  AudioSource,
  Entity,
  SyncComponents,
  MeshCollider,
  PointerEventType,
  InputAction,
  inputSystem
} from '@dcl/sdk/ecs'

export function createCube(x: number, y: number, z: number, spawner = true): Entity {
  const entity = engine.addEntity()

  Transform.create(entity, { position: { x, y, z } })

  MeshRenderer.setBox(entity)
  MeshCollider.setBox(entity)
  Material.setPbrMaterial(entity, { albedoColor: Color4.Purple() })

  PointerEvents.create(entity, {
    pointerEvents: [
      { eventType: PointerEventType.PET_DOWN, eventInfo: { button: InputAction.IA_POINTER, hoverText: 'Play sound' } }
    ]
  })

  return entity
}

export function main() {
  const cube = createCube(3, 0, 3)
  AudioSource.create(cube, { audioClipUrl: 'assets/audio.mp3' })
  SyncComponents.create(cube, { componentIds: [AudioSource.componentId] })

  engine.addSystem(() => {
    if (inputSystem.isTriggered(InputAction.IA_POINTER, PointerEventType.PET_DOWN, cube)) {
      console.log('play sound')
      AudioSource.playSound(cube, 'assets/audio.mp3', true)
    }
  })
}

3. Place some audio file in assets/audio.mp3. The name should be audio.mp3 or it won't work. Here is an example mp3 file
4. Run the scene in multiple clients
5. Click the purple cube in one client
6. Sound should start playing in all clients (you might need to focus the window for the sound to start)

[github-actions]

Test this pull request

• The @dcl/sdk package can be tested in scenes by running

  npm install "https://sdk-team-cdn.decentraland.org/@dcl/js-sdk-toolchain/branch/remove/audio-source-from-not-sync/dcl-sdk-7.8.3-14404750916.commit-955a83a.tgz"

• To test with npx init

  export SDK_COMMANDS="https://sdk-team-cdn.decentraland.org/@dcl/js-sdk-toolchain/branch/remove/audio-source-from-not-sync/dcl-sdk-commands-7.8.3-14404750916.commit-955a83a.tgz"
  npx $SDK_COMMANDS init

• The @dcl/inspector package can be tested by visiting this url

  • Or by installing it via NPM

  npm install "https://sdk-team-cdn.decentraland.org/@dcl/js-sdk-toolchain/branch/remove/audio-source-from-not-sync/@dcl/inspector/dcl-inspector-7.8.3-14404750916.commit-955a83a.tgz"

• The /changerealm command to test test in-world

  /changerealm https://sdk-team-cdn.decentraland.org/ipfs/remove/audio-source-from-not-sync-e2e
  

• You can preview this build entering:
  https://playground.decentraland.org/?sdk-branch=remove/audio-source-from-not-sync

[cloudflare-workers-and-pages]

Deploying js-sdk-toolchain with    Cloudflare Pages

Latest commit:	3b4dab8
Status:	✅  Deploy successful!
Preview URL:	https://a042843c.js-sdk-toolchain.pages.dev
Branch Preview URL:	https://remove-audio-source-from-not.js-sdk-toolchain.pages.dev

View logs