A modern programming language that makes developers happier.

kotlinlang

Hi all! I am trying to play some audio. If I have this audio react element:
```audio {
    attrs {
        src="sounds/time.mp3"
    }
}```
How can I run play() on it? :slightly_smiling_face:

I can conditionally add/remove the element in conjunction with autoPlay to make it play/stop but it feels very dirty
```        if (viewState.playAudio) {
            audio {
                attrs {
                    src = "sounds/time.mp3"
                    autoPlay = true
                }

            }
        }```

Okay figured it out
```            ref {
                findDOMNode(it).asDynamic().play()
            }```

Looks like you need <https://reactjs.org/docs/refs-and-the-dom.html#creating-refs|create ref> before

```audio {
    attrs {
        src = "sounds/time.mp3"
    }

    ref = createRef&lt;Audio&gt;().apply {
        useEffect(listOf(viewState.playAudio)) {
            if (viewState.playAudio) {
                current?.play()
            } else {
                current?.pause()
            }
        }
    }
}```
<@U33H6SB2B> something like this? :slightly_smiling_face:

```val audioRef = createRef&lt;Audio&gt;()
        useEffect(listOf(viewState.playAudio)) {
  val audio = audioRef.current!!
  if (viewState.playAudio) {
    audio.play()
  } else {
    audio.pause()
  }
}

// render
audio {
    ref = audioRef
    attrs {
        src = "sounds/time.mp3"
    }
}```

Ah because it would recreate the ref otherwise. I will then use a state or something (I have a functional component)

```            val audioRef = useState {
                createRef&lt;Audio&gt;()
            }.first.apply {
                useEffect(listOf(viewState.playAudio)) {
                    if (viewState.playAudio) {
                        current?.play()
                    } else {
                        current?.pause()
                    }
                }
            }
            ref = audioRef```