Skip to main content

Section 19 Audio

View Source for section
<section xml:id="section-audio" label="section-audio" xmlns:pi="http://pretextbook.org/2020/pretext/internal">

  <title>Audio</title>

  <p>
    2019-05-24: this is preliminary, and mostly based on the code for <tag>video</tag> so read the next section and mimic the style from there.
    But use an <tag>audio</tag> element and have the <attr>source</attr> attribute point to an OGG, MP3, or WAV file.
    Plus, an <attr>aspect</attr> attribute will be ignored.
  </p>

  <p>
    We have not entirely decided how to handle the static version present in a PDF.
  </p>

  <p>
    First in a <tag>figure</tag>, so it can be cross-referenced.
  </p>

  <figure>

    <caption>MP3 Piano Trill (<c>www.kozco.com/tech/soundtests.html</c>)</caption>

    <audio xml:id="audio-piano-trill" href="http://www.kozco.com/tech/piano2-CoolEdit.mp3" width="80%"/>

  </figure>

  <p>
    Now, naked, between a couple of paragraphs, with specified asymmetric margins, and a computed width.
  </p>

  <audio xml:id="audio-piano-trill-two" href="http://www.kozco.com/tech/piano2-CoolEdit.mp3" margins="30% 15%"/>

</section>
2019-05-24: this is preliminary, and mostly based on the code for <video> so read the next section and mimic the style from there. But use an <audio> element and have the @source attribute point to an OGG, MP3, or WAV file. Plus, an @aspect attribute will be ignored.
We have not entirely decided how to handle the static version present in a PDF.
First in a <figure>, so it can be cross-referenced.
View Source for figure
<figure xmlns:pi="http://pretextbook.org/2020/pretext/internal">

  <caption>MP3 Piano Trill (<c>www.kozco.com/tech/soundtests.html</c>)</caption>

  <audio xml:id="audio-piano-trill" href="http://www.kozco.com/tech/piano2-CoolEdit.mp3" width="80%"/>

</figure>
Figure 19.1. MP3 Piano Trill (www.kozco.com/tech/soundtests.html)
Now, naked, between a couple of paragraphs, with specified asymmetric margins, and a computed width.