Voorbeeld audiofragment

00:00
00:00/00:00
{
  "sectionType": "featured",
  "columns": [
    {
      "width": "1",
      "content": [
        {
          "type": "audio_player",
          "audioSource": "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3",
          "audioTitle": "Voorbeeld audiofragment",
          "audioImage": "https://vmn-vmntest.imgix.net/vmntest-nieuwsbrief.png",
          "controls": true,
          "autoplay": false,
          "autoPlayInView": false
        }
      ]
    }
  ]
}

Beschikbare props

  • controls: Boolean, optional, default true
    Voorbeeld: true
  • audioImage: String URL, optional
    Voorbeeld: "https://example.com/audio-cover.jpg"
  • audioSource: String URL, required
    Voorbeeld: "https://example.com/audio.mp3"
  • audioTitle: String, optional
    Voorbeeld: "Voorbeeld audiofragment"
  • autoPlayInView: Boolean, optional, default false
    Voorbeeld: false
  • autoplay: Boolean, optional, default false
    Voorbeeld: false

Opmerking: Geen bestaande non-vmntest configuratie gevonden. Dit voorbeeld is afgeleid van de Vue prop-definitie. Config gebruikt snake_case keys zoals audio_source en audio_title; de Vue props zijn camelCase.