diff --git a/.github/workflows/nodejs.yml b/.github/workflows/main.yml similarity index 91% rename from .github/workflows/nodejs.yml rename to .github/workflows/main.yml index 43d4290..c0a87d3 100644 --- a/.github/workflows/nodejs.yml +++ b/.github/workflows/main.yml @@ -1,4 +1,4 @@ -name: Node.js CI +name: Automation on: push: branches: [ '**' ] @@ -15,17 +15,15 @@ jobs: AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }} AWS_REGION: ${{ secrets.AWS_REGION }} SOURCE_DIR: 'deploy' - runs-on: ubuntu-20.04 + runs-on: ubuntu-latest steps: - - uses: actions/checkout@v3 + - uses: actions/checkout@v4 - name: Install xvfb run: sudo apt-get install xvfb - - name: Use Node.js 16.x - uses: actions/setup-node@v3 + - name: Use Node.js 18.x + uses: actions/setup-node@v4 with: - node-version: 16 - - name: Install npm - run: npm install -g npm@8 + node-version: 18 - name: Install dependencies run: npm ci diff --git a/README.md b/README.md index f560c77..1e088a5 100644 --- a/README.md +++ b/README.md @@ -64,6 +64,7 @@ If you're using a ` - + @@ -147,20 +147,20 @@

Sound Demo<
// List of files to load
-const manifest = {
-    loop1: 'resources/loops/loop1.mp3',
-    loop2: 'resources/loops/loop2.mp3',
-    loop3: 'resources/loops/loop3.mp3',
-    loop4: 'resources/loops/loop4.mp3',
-    bird: 'resources/bird.mp3',
-    boing: 'resources/boing.mp3',
-    buzzer: 'resources/buzzer.mp3',
-    car: 'resources/car.mp3',
-    chime: 'resources/chime.mp3',
-    success: 'resources/success.mp3',
-    sword: 'resources/sword.mp3',
-    whistle: 'resources/whistle.mp3'
-};
+const manifest = [
+    { alias: 'loop1', src: 'resources/loops/loop1.mp3' },
+    { alias: 'loop2', src: 'resources/loops/loop2.mp3' },
+    { alias: 'loop3', src: 'resources/loops/loop3.mp3' },
+    { alias: 'loop4', src: 'resources/loops/loop4.mp3' },
+    { alias: 'bird', src: 'resources/bird.mp3' },
+    { alias: 'boing', src: 'resources/boing.mp3' },
+    { alias: 'buzzer', src: 'resources/buzzer.mp3' },
+    { alias: 'car', src: 'resources/car.mp3' },
+    { alias: 'chime', src: 'resources/chime.mp3' },
+    { alias: 'success', src: 'resources/success.mp3' },
+    { alias: 'sword', src: 'resources/sword.mp3' },
+    { alias: 'whistle', src: 'resources/whistle.mp3' },
+];
 
 // Add to the PIXI loader
 PIXI.Assets.addBundle('demo', manifest);
diff --git a/examples/filters.html b/examples/filters.html
index 70e4ed3..ea0175e 100644
--- a/examples/filters.html
+++ b/examples/filters.html
@@ -12,7 +12,7 @@
         
         
         
-        
+        
         
     
     
diff --git a/examples/index.html b/examples/index.html
index f162bed..17d7cfb 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -16,7 +16,7 @@
         
         
         
-        
+        
         
     
     
@@ -130,7 +130,7 @@ 

Filetypes

-
PIXI.Assets.add('applause', 'resources/applause.{ogg,mp3}');
+                
PIXI.Assets.add({ alias: 'applause', src: 'resources/applause.{ogg,mp3}' });
 PIXI.Assets.load('applause').then(sound => sound.play());

Alternatively, if you don't plan to use Assets (typically because you're using a bundler like Parcel or Webpack), but you still would like to resolve multiple files, you can choose from multiple URLs.

@@ -160,7 +160,7 @@

Preloading

-
PIXI.Assets.add('bird', 'resources/bird.mp3');
+                
PIXI.Assets.add({ alias: 'bird', src: 'resources/bird.mp3' });
 PIXI.Assets.load('bird').then(sound => sound.play());
@@ -242,34 +242,35 @@

Utilities

First setup an Application to render the waveform.

-
window.waveform = new PIXI.Application({
+                
window.waveform = new PIXI.Application();
+window.waveform.init({
     width: 1024,
     height: 128,
-    view: document.getElementById('waveform'),
+    canvas: document.getElementById('waveform'),
     backgroundColor: 0xffffff
 });
 
-
PIXI.Assets.add('applause', 'resources/applause.mp3');
-PIXI.Assets.load('applause').then(sound => {
-    const baseTexture = PIXI.sound.utils.render(sound, {
-        width: waveform.renderer.width,
-        height: waveform.renderer.height,
-        fill: '#999'
-    });
-    const playhead = new PIXI.Graphics()
-        .beginFill(0xff0000)
-        .drawRect(0, 0, 1, waveform.renderer.height);
-    const sprite = new PIXI.Sprite(
-        new PIXI.Texture(baseTexture)
-    );
-    waveform.stage.addChild(sprite, playhead);
-    sound.play().on('progress', function(value) {
-        playhead.x = baseTexture.width * value;
-    });
-});
+
PIXI.Assets.add({ alias: 'applause', src: 'resources/applause.mp3' });
+const sound = await PIXI.Assets.load('applause');
+const baseTexture = PIXI.sound.utils.render(sound, {
+    width: waveform.renderer.width,
+    height: waveform.renderer.height,
+    fill: '#999'
+});
+const playhead = new PIXI.Graphics()
+    .rect(0, 0, 1, waveform.renderer.height)
+    .fill(0xff0000);
+const sprite = new PIXI.Sprite(
+    new PIXI.Texture(baseTexture)
+);
+waveform.stage.addChild(sprite, playhead);
+sound.play().on('progress', function(value) {
+    playhead.x = baseTexture.width * value;
+});
+

Create a simple sine-wave tone.