<m-group z="1.137" ry="0" id="DJ Booth">
<m-group x="1" yid"="decks">
<m-model src="https://public.mml.io/speaker.glb" id="deck-1"></m-model>
</m-group>
<m-audio id="music" src="https://public.mml.io/beats.mp3"
enabled="false" y="2" z="-2" ></m-audio>
<script>
document.getElementById("deck-1")
.addEventListener("click",
() => {
const music = document.getElementById("music");
music.setAttribute("enabled", "true");
music.setAttribute("start-time", document.timeline.currentTime);
});
</script>
</m-group>
MML Objects work like web pages, leveraging well-known technologies such as HTML and JavaScript. Powered by the open-source MML library, they’re easy to create and integrate using your favorite tools like React and TypeScript.
Explore hundreds of open-source community creations on MML Explore