Function renderAudio

apps/sim/lib/pptx-renderer/renderer/image-renderer.ts:271–304

* Render an audio element inside the wrapper.

(node: PicNodeData, ctx: RenderContext, wrapper: HTMLElement)

 * Render an audio element inside the wrapper.
 */
function renderAudio(node: PicNodeData, ctx: RenderContext, wrapper: HTMLElement): void {
  const audioUrl = resolveMediaUrl(node.mediaRId, ctx)

  if (audioUrl) {
    // Show poster image if available
    if (node.blipEmbed) {
      const rel = ctx.slide.rels.get(node.blipEmbed)
      if (rel) {
        const mediaPath = resolveMediaPath(rel.target)
        const data = ctx.presentation.media.get(mediaPath)
        if (data && !isUnsupportedFormat(mediaPath)) {
          const cached = getOrCreateBlobUrl(mediaPath, data, ctx.mediaUrlCache)
          const img = document.createElement('img')
          img.src = cached
          img.style.width = '100%'
          img.style.height = 'calc(100% - 32px)'
          img.style.objectFit = 'contain'
          wrapper.appendChild(img)
        }
      }
    }

    const audio = document.createElement('audio')
    audio.src = audioUrl
    audio.controls = true
    audio.style.width = '100%'
    audio.style.position = 'absolute'
    audio.style.bottom = '0'
    audio.style.left = '0'
    wrapper.appendChild(audio)
  } else {
    renderPlaceholder(wrapper, 'Audio')
  }
}

/**
 * Resolve a media URL from a relationship ID.