Pricing Blog

Day 2 Audio Element

  • joseverdin._77528-1398510407508824097

    Jose Verdin

    3 months ago

    Hello, I am following along on the day 2 of 7 day toddle intro series and I've run into an issue: the audio element has nothing inside it! I've noticed to be the case with every other element in the tutorial but this one wasn't just text so it threw me for a loop.

    Please see what I mean in the tutorial vs on my screen attached.

    Can anyone help with why this is happening?
    1398510407861407868-image.png
    1398510408247152720-image.png
    1
  • joseverdin._77528-1398516883539492914

    Jose Verdin

    3 months ago

    I stumbled across a solution:
    1. Went to https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/audio
    2. Copied the HTML from the demo section and then pasted that into the div.

    It worked to keep progressing through this tutorial but no idea why the audio element was empty to begin with and how the new audio element from the copied content can be seen instead... I am a web noob and would love any guidance to best understand what happened.
  • joseverdin._77528-1398517738258960385

    Jose Verdin

    3 months ago

    Update #2: Turns out if you give an audio element the "controls" attribute and set it to string, the controls pop up! I guess that's what was missing before and something that isn't enabled by default on new incoming audio elements in NordCraft. Problem solved!