audiobestand bij afbeelding

  • elinek

    (@elinek)


    9 jaren, 2 maanden geleden

    ik ben bezig een morse – cursus over te zetten op WordPress.

    Nu kan ik een afbeelding van een letter invoegen en eronder het audiobestandje, maar dat is eigenlijk niet wat ik wil.
    Ik wil dat als je de afbeelding van de letter aanklikt, het geluidsbestand wordt afgespeeld zonder dat player zichtbaar open gaat. Nu krijg ik wel voor elkaar een link toe te voegen aan de afbeelding, maar dan opent de audiospeler.
    Je klikt dus plaatje A aan en hoort de A in morse, dat is wat ik wil
    Hoe krijg ik dat voor elkaar in WordPress?

1 reactie aan het bekijken (van in totaal 1)
  • helldog2004

    (@helldog2004)

    9 jaren, 2 maanden geleden

    In HTML5 hebben ze een speciale tag om sounds toe te voegen aan images, icons en/of teksten. Het ziet er ongeveer als volgt uit:

    <audio id=”sound1″ src=”yoursound.mp3″ preload=”auto”></audio>
    <button onclick=”document.getElementById(‘sound1’).play();”>Play it</button>

    Dus in eerste instantie vertel je het systeem dat audiobestand “yoursound.mp3” opgeroepen dient te worden met de afkorting sound1 (ID).
    Vervolgens plaats je de benaming van het liedje (sound1) ergens in je code om aan te geven dat dit nu een element is. Dit werd gedaan in de button.

    Dus nu op het moment dat iemand op de button klikt zal deze een geluidje yoursound.mp3 afspelen.
    Succes.

1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘audiobestand bij afbeelding’ is gesloten voor nieuwe reacties.