MediaBlockAudio

Media Block (audio)

Template ID	Required
oggeh-audio	No

A template for displaying the content of a single media block with audio.

Example:

<template id="oggeh-audio">
  <div class="grid-item col-lg-{{ size_x }}">
    <div class="content">
      <h3>{{ title }}</h3>
      <ul class="brochures-list">
        <li data-oggeh-repeat>
          <a href="{{ url }}" target="_blank" rel="noopener noreferrer">
            <span class="flaticon-interface-1"></span>{{ caption.title }}
            <i class="fa fa-caret-right pull-right" aria-hidden="true"></i>
          </a>
        </li>   
      </ul>  
    </div>
  </div>
</template>

Notes: You can only use the data attribute data-oggeh-repeat with this media/attachments blocks and/or receive a list of content from OGGEH API (see Handling Search Results).

Example API Response Object

{
    "type": "media",
    "col": 7,
    "row": 2,
    "size_x": 6,
    "size_y": 1,
    "title": "Test Audio Block",
    "media": [
        {
            "id": 1,
            "code": "xxx",
            "ext": "mp3",
            "type": "audio",
            "url": "https://storage.googleapis.com/cdn.oggeh.com/files/xxx/aud/xxx.mp3",
            "thumbnail": {
                "url": "https://storage.googleapis.com/cdn.oggeh.com/files/xxx/img/thumbs/9D12A1F5-9E83-591D-357D-ADD00B59E849.png"
            },
            "regular": {
                "url": "https://storage.googleapis.com/cdn.oggeh.com/files/xxx/img/photos/9D12A1F5-9E83-591D-357D-ADD00B59E849.png"
            },
            "maximum": {
                "url": "https://storage.googleapis.com/cdn.oggeh.com/files/xxx/img/medium/9D12A1F5-9E83-591D-357D-ADD00B59E849.png"
            },
            "original": {
                "url": "https://storage.googleapis.com/cdn.oggeh.com/files/xxx/img/large/9D12A1F5-9E83-591D-357D-ADD00B59E849.png"
            },
            "tags": [],
            "caption": {
                "title": "Test Audio 1",
                "description": ""
            }
        },
        {
            "id": 2,
            "code": "0D28B005-EEB2-665A-3BCC-C0599E914E1D",
            "ext": "mp3",
            "type": "audio",
            "url": "https://storage.googleapis.com/cdn.oggeh.com/files/xxx/aud/0D28B005-EEB2-665A-3BCC-C0599E914E1D.mp3",
            "thumbnail": {
                "url": "https://storage.googleapis.com/cdn.oggeh.com/files/xxx/img/thumbs/79EB8C59-1941-21A2-5839-0754009C6431.png"
            },
            "regular": {
                "url": "https://storage.googleapis.com/cdn.oggeh.com/files/xxx/img/photos/79EB8C59-1941-21A2-5839-0754009C6431.png"
            },
            "maximum": {
                "url": "https://storage.googleapis.com/cdn.oggeh.com/files/xxx/img/medium/79EB8C59-1941-21A2-5839-0754009C6431.png"
            },
            "original": {
                "url": "https://storage.googleapis.com/cdn.oggeh.com/files/xxx/img/large/79EB8C59-1941-21A2-5839-0754009C6431.png"
            },
            "tags": [],
            "caption": {
                "title": "Test Audio 2",
                "description": ""
            }
        }
    ]
}