Pattern: Audio with transcript

About

This pattern allows you to publish an audio file with the transcript alongside it. The transcript is in a collapsable block so it can be opened and closed, depending on the user’s preferences.

Adding an Audio with transcript pattern

  1. Click the + icon to add a new block from the top toolbar in the page/post editor.
  2. Click on the Patterns tab.
  3. Either choose which category of patterns you want to select from or click Explore to open a modal that allows you to have a larger view of each pattern.
  4. In the explore view, you can type ‘audio’ into the search bar to find the Audio with transcript pattern.
  5. Click on the pattern you wish to insert or drag and drop the pattern into your content. If you click on the pattern, it will be inserted at the location of your cursor.

Audio with transcript settings

The quote with audio pattern is made up of a Group block containing an audio block and a details block. See the documentation on each of these blocks to find out more about the available settings.

Audio with transcript pattern demonstration

Transcript

Lorem ipsum odor amet, consectetuer adipiscing elit. Cubilia efficitur faucibus nam, curabitur eleifend tempor posuere. Adipiscing torquent faucibus montes pellentesque nec dictumst lobortis. Inceptos porttitor consectetur rhoncus semper blandit proin aliquet. Odio sodales inceptos auctor lectus leo, aenean ante nulla. Id erat per eget dui maximus praesent. Fusce sit urna diam convallis pretium ridiculus duis. Tellus dapibus habitasse faucibus, urna eros platea dui. Nulla habitant aptent primis ridiculus iaculis sociosqu consequat. Eu porttitor viverra maximus mollis ac faucibus.

Maximus commodo himenaeos viverra etiam commodo lectus leo nisi. Auctor integer litora porttitor dictumst cursus. Convallis est penatibus arcu sit quis eros tincidunt nunc dolor. Nunc id dis torquent proin dictum cursus, ac libero dignissim. Bibendum efficitur interdum ipsum condimentum cubilia ligula. Condimentum nunc magnis condimentum morbi vulputate pretium. Pulvinar magna sapien curae interdum erat enim ad mus. Tellus luctus ridiculus condimentum posuere gravida ornare nullam dolor.

Sit ad himenaeos egestas facilisi vel magnis cursus. Aex justo ex mollis lectus. Mattis sollicitudin habitasse lorem vehicula sodales. Sem leo nullam finibus class; porttitor varius nisl. Montes odio netus etiam tellus urna; nisl ornare lacus. Tempus vestibulum ullamcorper per risus porttitor cras accumsan class. Elementum ornare ligula consectetur per litora fusce quam. Blandit neque in auctor erat, maecenas pharetra efficitur velit. Tempus phasellus massa at urna dapibus ullamcorper.

Egestas tincidunt in orci penatibus tellus aptent himenaeos suscipit metus. Ullamcorper commodo sodales senectus; viverra nec vulputate. Gravida dis lacus elit ut parturient vulputate. In hac posuere parturient faucibus maecenas eros. Dolor morbi a ut et mi metus leo? Eros fringilla justo, non suspendisse curae faucibus felis non. Scelerisque interdum nisi cras sodales vehicula, leo efficitur. Bibendum himenaeos parturient sagittis rutrum mus natoque ipsum egestas. Nam hendrerit fusce vehicula natoque molestie risus hac sociosqu tortor.

Class eros dignissim nostra; urna vel lacus suscipit natoque. Euismod suscipit tempor quisque tempus tincidunt nibh sagittis. Ullamcorper senectus erat nisl; interdum aliquam orci feugiat. Auctor pharetra proin praesent gravida dictum aptent praesent facilisi. Massa nostra convallis viverra interdum ridiculus eu. Molestie felis imperdiet quam ex aliquet curae tellus. Velit blandit habitant sem laoreet urna fusce.