Nieuws:

We zijn er weer.

Na lange tijd van afwezigheid zijn we er weer  :laugh:
We hebben alle wachtwoorden gereset, je oude wachtwoord werkt niet meer.Je moet via het "wachtwoord vergeten"-linkje je wachtwoord resetten. Je krijgt hiervoor een mailtje op het adres dat je bij ons geregistreerd hebt.

De komende tijd zijn we nog druk bezig om de rest van de site op te bouwen, dus het kan zijn dat sommige onderdelen (tijdelijk) niet werken.

Welkom, Gast. Alsjeblieft inloggen of registreren.
Heb je de activerings-mail niet ontvangen?

Auteur Topic: geluid op website probelem  (gelezen 1845 keer)

Offline Plotinus

  • Lid
  • Steunpunt: Nee
geluid op website probelem
« Gepost op: 2013/12/30, 22:42:17 »
Ik heb het volgende opgenomen op mijn site:

<img src="../../../Media/geluid kievit.png"  class= "kievit" onclick="playSound('../../../Media/Kievit.mp3');"/><br>

met script:

function playSound(soundfile) {
 document.getElementById("dummy").innerHTML=
 "<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
 }

en in HTML

  <span id="dummy"></span>  <!--nodig voor het geluid van de kievit-->
Dat leek altijd goed te werken totdat ik het eens uittestte in plaats van onder Chromium, onder Firefox; toen kreeg ik een foutmelding over een plug-in. Uitgetest onder Windows gaf hetzelfde beeld met dat verschil dat ik nu geen bericht over een plug-in bij Firefox kreeg; zelfs Internet Explorer gaf geluid. Bij een wav-file of ogg ligt het weer iets anders, maar Firefox blijft onder Linux om een plug-in-roepen en geeft bij geen enkele extensie enig geluid.

Ik begrijp nu dat de verschillende browsers verschillende formaten ondersteunen en dat ik daar rekening mee moet houden. Ik ben toen gestuit op het volgende, wat goed werkt in verschillende browsers:
<audio controls autoplay>
    <source src="../../../Media/Kievit.ogg" />
   <source src="../../../Media/Kievit.mp3" />
  <p>This browser does not support our audio format.</p>
  </audio>

Mijn probleem hierbij is dat ik het niet gecombineerd krijg: ik wil als ik op het plaatje kievit.png klik - zonder dat een spelerbalkje verschijnt - het geluid laten horen in tenminste Firefoc en Chrome/Chromium. Dat spelerbalkje verwijderen is gemakkelijk (controls) en autoplay spreekt ook voor zich.

Iemand een idee hoe ik het in elkaar schuif, of een andere oplossing die volledig recht doet aan de eerste coderegel? Een verzorgde foutmelding als gevolg van 'onclick' mag ook, zonder een blok te vertonen over een ontbrekende plug-in (storend en site lay-out verstorend).

Ik werk overigens onder Ubuntu 12.04, al staat dat hier los van: ik wil natuurlijk mijn geluidje laten horen op iedere computer en besturingssysteem die mijn site bezoekt.
Ach! Waren alle Menschen wijs, en wilden daarbij wel! De Aard waar haar een Paradijs, Nu isse meest een Hel.

Offline niekn

  • Lid
    • omega-xis
  • Steunpunt: Nee
Re: geluid op website probelem
« Reactie #1 Gepost op: 2013/12/31, 11:25:37 »
heb je dit al eens geprobeerd?
http://www.w3schools.com/html/html_sounds.asp

Offline Ron

  • Forumteam
    • r0n
    • Dwarsligger
  • Steunpunt: Ja
Re: geluid op website probelem
« Reactie #2 Gepost op: 2013/12/31, 12:08:31 »
Houd er rekening mee, dat mp3 geen open-standaard is en dat er op de compressie techniek rechten zitten?
Het is voor thuis gebruik vrijgesteld, maar commercieel en/of bedrijfsmatig gebruik is niet gratis !
OpenStandaard evangelist, OpenSource promotor, OpenData liefhebber.
Xubuntu gebruiker en voorstander (XFCE).
In Nederland bekend als een Dwarsligger.

Offline Plotinus

  • Lid
  • Steunpunt: Nee
Re: geluid op website probelem
« Reactie #3 Gepost op: 2013/12/31, 13:03:08 »
Ja, ik heb die site al uitgebreid bestudeerd. Maar zoals ik al schreef, ik krijg de zaak niet gecombineerd: als ik op een plaatje klik wil ik een geluidje afspelen, of eventueel een nette waarschuwing dat het niet gaat.
Ach! Waren alle Menschen wijs, en wilden daarbij wel! De Aard waar haar een Paradijs, Nu isse meest een Hel.

Frederik

  • Gast
Re: geluid op website probelem
« Reactie #4 Gepost op: 2013/12/31, 13:21:31 »
Waar kunnen we dat geluid (wel of niet) beluisteren?

Offline Plotinus

  • Lid
  • Steunpunt: Nee
Re: geluid op website probelem
« Reactie #5 Gepost op: 2013/12/31, 14:40:18 »
Ik heb mijn site nog niet online, dus dit uittesten zal niet gaan. Ik constateer alleen dat afhankelijk van besturingssysteem en browser er anders wordt gereageerd op een geluidbestand in mp3, ogg  en wav. Firefox blijkt het bij alle drie de bestandstypen niet te doen; ogg en wav niet bij IE, Chromium slikt geen Mp3, Chrome weer wel.
Ach! Waren alle Menschen wijs, en wilden daarbij wel! De Aard waar haar een Paradijs, Nu isse meest een Hel.

Frederik

  • Gast
Re: geluid op website probelem
« Reactie #6 Gepost op: 2013/12/31, 15:22:44 »
Ben nu zelf ook eens gaan experimenteren met een mp3tje in een webpagina en ik krijg het ook niet voor elkaar. Er wordt om een plug-in geroepen en verder niks. Geen geluid in Firefox.  :|

Frederik

  • Gast
Re: geluid op website probelem
« Reactie #7 Gepost op: 2014/01/01, 12:39:00 »
Te veel om op te noemen wat ik allemaal gedaan heb om geluid te krijgen, maar het is nu wél gelukt.
Ik heb in een pagina de volgende code gebruikt:

<audio controls=""> <source src="life.mp3" type="audio/mpeg"> Your
browser does not support this audio format.
</source> </audio>



« Laatst bewerkt op: 2014/01/02, 17:44:34 door Frederik »

Offline Plotinus

  • Lid
  • Steunpunt: Nee
Re: geluid op website probelem
« Reactie #8 Gepost op: 2014/01/02, 00:21:02 »
Dank voor het meedenken, Frederik, maar zoals uit de eerst post blijkt was ik ook al zo ver. Het gaat mij er echter om, dat ik geen play-knop of zo wil zien, maar dat er enkel op een plaatje geklikt moet worden om het geluid te laten horen - hoe krijgen we dat voor elkaar?
Ach! Waren alle Menschen wijs, en wilden daarbij wel! De Aard waar haar een Paradijs, Nu isse meest een Hel.

Frederik

  • Gast
Re: geluid op website probelem
« Reactie #9 Gepost op: 2014/01/02, 13:38:01 »
Volgens mij kan dat niet. Als je op een afbeelding klikt om een muziekje te horen, moet er wel iets zijn dat dit muziekje afspeelt zodat je het kunt horen. Dat betekend dat als je op het plaatje klikt er vervolgens een playertje tevoorschijn komt om het muziekje af te spelen.

Een andere mogelijkheid (?) is de afbeelding en muziekje converteren naar Flash of ander bestandsformaat, zodat het muziekje embedded is.
« Laatst bewerkt op: 2014/01/02, 14:47:18 door Frederik »

Offline Plotinus

  • Lid
  • Steunpunt: Nee
Re: geluid op website probelem
« Reactie #10 Gepost op: 2014/01/02, 23:12:39 »
Als het 'geëmbedded' kan heel graag, maar hoe pak ik dat aan? Ik heb al wat rond zitten struinen op het net, maar daar geen duidelijke handvatten voor kunnen vinden.
Ach! Waren alle Menschen wijs, en wilden daarbij wel! De Aard waar haar een Paradijs, Nu isse meest een Hel.

Frederik

  • Gast
Re: geluid op website probelem
« Reactie #11 Gepost op: 2014/01/03, 12:27:58 »
Moeilijk hoor  :|
Ik weet niet of Linux een soort moviemaker aan boord heeft zoals WLM, daarmee kun je een soort presentatie maken (met audio) en die bijvoorbeeld uploaden naar YouTube om vervolgens het youtube filmpje te embedden/insluiten in een html pagina.

Frederik

  • Gast
Re: geluid op website probelem
« Reactie #12 Gepost op: 2014/01/05, 22:15:27 »
Probeer eens te knutselen met Videoporama, zit in het Ubuntu software centrum.

Offline Plotinus

  • Lid
  • Steunpunt: Nee
Re: geluid op website probelem
« Reactie #13 Gepost op: 2014/01/05, 22:34:45 »
Dank voor de tip; zal vrees ik wel pas komend weekend worden.
Ach! Waren alle Menschen wijs, en wilden daarbij wel! De Aard waar haar een Paradijs, Nu isse meest een Hel.

Offline Plotinus

  • Lid
  • Steunpunt: Nee
Re: geluid op website probelem
« Reactie #14 Gepost op: 2014/01/12, 20:59:03 »
Frederik, Het is me te ingewikkeld. Ik ga me wat verdiepen in javascript en probeer het zo tzt op te lossen. Maar dat zal niet voor 'morgen' zijn.
Ach! Waren alle Menschen wijs, en wilden daarbij wel! De Aard waar haar een Paradijs, Nu isse meest een Hel.

Offline profoX

  • Lid
    • wesley
    • Lionslink
  • Steunpunt: Nee
Re: geluid op website probelem
« Reactie #15 Gepost op: 2014/02/12, 02:04:10 »
Gebruik HTML 5 audio met eventueel een Flash fall back (bv. JPlayer)
Ik zou niet steunen op ouderwetse media player plug-ins via embed.

Zie bv. http://www.w3schools.com/html/html5_audio.asp
voor een overzicht qua native codec support in HTML 5 browsers
(MP3 werkt sowieso met de Flash fall back)

Conclusie: MP3 gebruiken, eventueel aanvullend met Ogg Vorbis indien mogelijk.
Eventueel voor grotere compatibiliteit Flash fall back voorzien voor oudere browsers.
Human Knowledge Belongs To The World -- Antitrust (2001)
Nederlandstalige Ubuntu documentatie van Ubuntu-NL (wiki)

Offline Johan van Dijk

  • Administrator
    • johanvandijk
  • Steunpunt: Nee
Re: geluid op website probelem
« Reactie #16 Gepost op: 2014/02/12, 09:06:40 »
Zoiets moet werken:

Code: (html5) [Selecteer]
<audio id="kievit">
  <source src="kievit.mp3">
  <source src="kievit.ogg">
</audio>
 
<img onclick="document.getElementById('kievit').play()" src="kievit.jpg" alt="kievit" title="klik om de kievit te horen">


Dit werkt alleen niet in oudere browsers.

Offline Ron

  • Forumteam
    • r0n
    • Dwarsligger
  • Steunpunt: Ja
Re: geluid op website probelem
« Reactie #17 Gepost op: 2014/02/12, 09:15:35 »
Conclusie: MP3 gebruiken, eventueel aanvullend met Ogg Vorbis indien mogelijk.
MP3 is niet gratis, de compressie methode is alleen gratis voor thuisgebruik, zodra je het bedrijfsmatig en/of zakelijk gebruikt, moet je de patent-houders betalen!
Denk hieraan, wanneer je een MP3 op internet zet.
Daarbij is MP3 ook geen openstandaard, dat is Ogg wel !
OpenStandaard evangelist, OpenSource promotor, OpenData liefhebber.
Xubuntu gebruiker en voorstander (XFCE).
In Nederland bekend als een Dwarsligger.