> For the complete documentation index, see [llms.txt](https://help.parta.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.parta.io/editor/edit-elements/set-media-and-content-elements/audio.md).

# Audio

## What is an Audio Element?

An **audio** element allows you to integrate sound files into your content, providing an auditory learning experience.

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2Fv2XYfj0nIyektBMJHoV8%2FScreenshot_13.png?alt=media&amp;token=21f603af-1e42-4bdc-b83d-de15de9343d8" alt=""><figcaption></figcaption></figure>

### Edit General Audio Element Settings

[Open](https://help.parta.io/editor/edit-elements) an audio element settings window to start editing.

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2FhoTzGWle2iLxitLakyT0%2FAudio.02.png?alt=media&amp;token=dd951c03-bf43-47ff-bade-d2717b7ed260" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="50">№</th><th width="200">Setting</th><th width="500.39990234375">Description</th></tr></thead><tbody><tr><td>1</td><td>File / Link</td><td><p>Uploads an audio file.<br></p><p>Select an option:</p><ul><li>Select a <strong>File</strong> tab and click the <strong>Upload</strong> button to open the Resources window and select an audio file.</li><li>Select a <strong>Link</strong> tab and enter the audio URL at the <strong>Insert link</strong> field.</li></ul></td></tr><tr><td>2</td><td>Autostart</td><td><p>Enables / disables automatic audio starting.</p><p></p><p>Select an option:</p><ul><li>Click <strong>Yes</strong> to allow the audio to start automatically;</li><li>Click <strong>No</strong> to start the audio only by clicking the Play button.</li></ul></td></tr><tr><td>3</td><td>Repeat</td><td><p>Enables / disables audio auto repeating.</p><p></p><p>Select an option:</p><ul><li>Click <strong>Yes</strong> to allow the audio to automatically repeat after it ends; </li><li>Click <strong>No</strong> to stop playing the audio after it ends.</li></ul></td></tr><tr><td>4</td><td>Disable seeking</td><td><p>Enables / disables audio skipping / scrubbing.</p><p></p><p>Select an option:</p><ul><li>Click <strong>Yes</strong> to disable forward scrubbing within the seek slider;</li></ul><div data-gb-custom-block data-tag="hint" data-style="success" class="hint hint-success"><p>After listening the audio allows rewinding and navigation by time codes.</p></div><ul><li>Click <strong>No</strong> to allow the learner to rewind the audio using the keyboard arrows, clicking the audio seek slider or using time codes.</li></ul></td></tr><tr><td>5</td><td>Display playback time</td><td><p>Shows / hides audio current playback time and total audio duration.</p><p></p><p>Select an option:</p><ul><li>Click <strong>Yes</strong> to show audio playback / duration time;</li><li>Click <strong>No</strong> to hide audio playback / duration time.</li></ul></td></tr><tr><td>6</td><td>Sound</td><td><p>Sets the default sound volume for audio playback.<br></p><ul><li>Adjust the slider or enter the value from 0 to 100 to increase or decrease the default volume.</li></ul></td></tr><tr><td>7</td><td>Speed</td><td><p>Sets the default speed for audio playback.<br></p><ul><li>Select the speed option from the drop-down menu.</li></ul><div data-gb-custom-block data-tag="hint" data-style="warning" class="hint hint-warning"><p>This option is available only for uploaded files and YouTube / Wistia links.</p></div></td></tr><tr><td>8</td><td>Crop</td><td><p>Trims audio start / end time.<br></p><ul><li>Enter a time or select the values from the drop-down menu in the left field to set an audio start time;</li><li>Enter a time or select the values from the drop-down menu in the right field to set an audio end time.</li></ul></td></tr><tr><td>9</td><td>Percent</td><td><p>Sets the percentage of audio to listen necessarily before moving to the next block.<br></p><ul><li>Adjust the slider or enter the value from 0 to 100 to set the percentage.</li></ul></td></tr><tr><td>10</td><td>Captions</td><td><p>Adds a captions file to an audio.</p><div data-gb-custom-block data-tag="hint" data-style="info" class="hint hint-info"><p>Captions are a synchronized text version of the speech and non-speech audio information needed to understand the content. </p></div><p><strong>a.</strong> Click <strong>+</strong>.<br>A pop-up window will appear.<br><strong>b.</strong> Upload a closed caption file in VTT format:</p><ul><li>Select a <strong>File</strong> tab and click the <strong>Upload</strong> button to open the Resources window and select a caption file.</li><li>Select a <strong>Link</strong> tab and enter the captions URL at the <strong>Insert link</strong> field.</li></ul><p><strong>c.</strong> Select a <strong>Turn Caption on by default</strong> option:</p><ul><li>Click <strong>Yes</strong> to enable the captions along with audio playback;</li><li>Click <strong>No</strong> to disable the captions.</li></ul></td></tr><tr><td>11</td><td>Timecode</td><td><p>Inserts timecode tags to audio, breaking it down into meaningful segments.<br></p><ul><li>Add a timecode:<br><br><strong>a.</strong> Click <strong>+</strong>;<br>A pop-up window will appear.<br><strong>b.</strong> Click the <strong>Add</strong> button;<br><strong>c.</strong> Enter a time or select the values from the drop-down menu to tag a timecode;<br><strong>d.</strong> Add a timecode description at the field below the caption time tag;<br><strong>e.</strong> Click the <strong>Save</strong> button to apply the changes.<br></li><li>Manage a timecode:<br><br><strong>a.</strong> Click the <strong>…</strong> icon next to a timecode record;<br>A pop-up window will appear.<br><strong>b.</strong> Select <strong>Edit</strong> to change the timecode;<br><strong>c.</strong> Select <strong>Delete</strong> to remove the timecode.</li></ul></td></tr></tbody></table>

The changes will be saved automatically.

## Brand an Audio Element

[Set corporate branding for an audio element.](broken://pages/BeMvqA7xbVftd7SYZxV2)

{% hint style="success" %}
Use the [pro mode](/no-code-editor/work-in-the-no-code-editor.md) of the editor to set an element branding different from the corporate branding template.
{% endhint %}