diff --git a/web/light9-timeline-audio.ts b/web/light9-timeline-audio.ts
--- a/web/light9-timeline-audio.ts
+++ b/web/light9-timeline-audio.ts
@@ -27,6 +27,7 @@ function nodeHasChanged(newVal?: NamedNo
 @customElement("light9-timeline-audio")
 export class Light9TimelineAudio extends LitElement {
   graph!: SyncedGraph;
+  graphReady: Promise<void>;
   render() {
     return html`
       <style>
@@ -62,15 +63,17 @@ export class Light9TimelineAudio extends
   constructor() {
     super();
 
-    getTopGraph().then((g) => {
+    this.graphReady = getTopGraph().then((g) => {
       this.graph = g;
     });
   }
 
-  updated(changedProperties: PropertyValues) {
+  async updated(changedProperties: PropertyValues) {
+    super.updated(changedProperties);
     if (changedProperties.has("song") || changedProperties.has("show")) {
+      await this.graphReady;
       if (this.song && this.show) {
-        this.graph.runHandler(this.setImgSrc.bind(this), "timeline-audio " + this.song);
+        this.graph.runHandler(this.setImgSrc.bind(this), "timeline-audio " + this.song.value);
       }
     }
     if (changedProperties.has("zoom")) {