Route Graphics renders from aliases, not from raw URLs in the middle of a render call. The intended flow is:

1. Build an alias map.
2. Normalize those assets with createAssetBufferManager().
3. Hand the resulting asset map to app.loadAssets(...).
4. Reference aliases like circle-red or video-sample from elements[] and audio[].

import createRouteGraphics, {
  createAssetBufferManager,
  spritePlugin,
  videoPlugin,
  soundPlugin,
} from "/RouteGraphics.js";

const assets = {
  "hero-texture": { url: "/public/hero.png", type: "image/png" },
  "intro-video": { url: "/public/intro.mp4", type: "video/mp4" },
  "bgm-main": { url: "/public/bgm.mp3", type: "audio/mpeg" },
};

const assetBufferManager = createAssetBufferManager();
await assetBufferManager.load(assets);

const app = createRouteGraphics();
await app.init({
  width: 1280,
  height: 720,
  plugins: {
    elements: [spritePlugin, videoPlugin],
    audio: [soundPlugin],
  },
});

await app.loadAssets(assetBufferManager.getBufferMap());

• Images and other Pixi-compatible textures are loaded into Assets and can be used by sprite, slider, spritesheet-animation, text-revealing, and particle textures. When possible, images are loaded directly from their source URLs instead of being buffered into JS first.
• Audio assets are loaded into the internal audio stage and can be used by sound nodes or interaction props such as soundSrc. Audio remains buffer-backed because the runtime still needs decoded audio data.
• Video assets are loaded through Pixi's video loader. When possible, Route Graphics passes the original source URL directly; blob URLs are only used as a fallback for buffer-backed video inputs.
• Font assets are registered with FontFace; the alias key becomes the textStyle.fontFamily value.

• The alias key is the public name you use in YAML. Keep it stable and readable.
• assetBufferManager.load() is cached, so calling it again with the same aliases does not refetch them.
• assetBufferManager.getBufferMap() may now contain a mix of URL-backed and buffer-backed entries. Images and videos prefer direct URLs when available; audio and fonts stay buffer-backed.
• render(...) does not fetch missing assets for you. Load before render.
• The playground preloads its built-in sample aliases for circles, sliders, audio, and video so the example templates work without extra setup.

Try the built-in examples in the Playground, video demo, and sound demo.