3FM Webcam op Wordpress weergegeven

[De-Hamster]

Beste Tweakers,

Hoe krijg ik de 3FM webcam goed werkend op een Wordpress blog? Ik wil: http://www.3fm.nl/webcam/popup / http://www.3fm.nl/live embedded op mijn blog hebben. Ik kan googlen wat ik wil, veel info komt van streams/livecams die ik zelf host. Tevens zie ik vaak dat websites spreken over streams met een duidelijke video extensie zoals .flv, .mpg, .avi, .mov. Helaas kan ik nergens de goede url vinden, behalve: http://livestreams.omroep.nl/npo/3fm_vsr-bb

Dan kom ik uit op:

code:

<object height="360" width="640" type="application/x-oleobject" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="Loading Microsoft Windows Media Player Components...">
        <param name="fileName" value="http://livestreams.omroep.nl/npo/3fm_vsr-bb" />
        <param name="animationatStart" value="true" />
        <param name="transparentatStart" value="true" />
        <param name="autoStart" value="true" />
        <param name="showControls" value="true" />
        <param name="showStatusBar" value="true" />
        <PARAM NAME="ShowPositionControls" VALUE="false" />
        <PARAM NAME="ShowTracker" VALUE="false" />
        <param name="Volume" value="0" />
        <embed type="application/x-mplayer2" src="http://livestreams.omroep.nl/npo/3fm_vsr-bb" autoplay="1" width="640" height="360" showstatusbar="1" volume="0" ShowPositionControls="0" ShowTracker="0"></embed>
    </object>

of

code:

<object id="MediaPlayer" width="520" height="338" classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701">

<param name="filename" value="http://livestreams.omroep.nl/npo/3fm_vsr-bb" />
<param name="Showcontrols" value="True" />
<param name="autoStart" value="True" />
<param name="url" value="http://livestreams.omroep.nl/npo/3fm_vsr-bb" />
<param name="showcontrols" value="True" />
<param name="autostart" value="True" />
<param name="url" value="http://livestreams.omroep.nl/npo/3fm_vsr-bb" />

<embed id="MediaPlayer" width="520" height="338" type="application/x-mplayer2" src="http://livestreams.omroep.nl/npo/3fm_vsr-bb" filename="http://livestreams.omroep.nl/npo/3fm_vsr-bb" showcontrols="True" autostart="True" url="http://livestreams.omroep.nl/npo/3fm_vsr-bb" showcontrols="True" autostart="True" /></object>

[URL verwijderd, link heeft geen doel voor het probleem meer]

application/x-mplayer2, deze plugin wordt bij mij op Google Chrome niet ondersteund. Iemand enig idee hoe ik deze webcam goed kan laten weergeven?

[NMe]

Staat 3fm het überhaupt toe dat je hun content buiten de context van hun website trekt?

[Verwijderd]

NMe schreef op dinsdag 15 december 2015 @ 08:55:
Staat 3fm het überhaupt toe dat je hun content buiten de context van hun website trekt?

NME heeft inderdaad gelijk, staat 3FM dit überhaupt wel toe? Als ze dit toestaan dan zou de streamlink makkelijk te achterhalen moeten zijn. Ik weet verder niet of ik mag helpen maar de streamlink van 3FM heb ik al gevonden.

[De-Hamster]

Verwijderd schreef op dinsdag 15 december 2015 @ 12:33:
[...]


NME heeft inderdaad gelijk, staat 3FM dit überhaupt wel toe? Als ze dit toestaan dan zou de streamlink makkelijk te achterhalen moeten zijn. Ik weet verder niet of ik mag helpen maar de streamlink van 3FM heb ik al gevonden.

NMe schreef op dinsdag 15 december 2015 @ 08:55:
Staat 3fm het überhaupt toe dat je hun content buiten de context van hun website trekt?

Ik heb een jaar geleden gemaild met hen, zij geven aan dat het gewoon toegestaan is. Net als dat Nederland.fm, 3fmfan.nl ook radiostreams imbedden op hun website. Zij geven alleen wel direct aan dat zij geen scripts maken, of faciliteren om dit mogelijk te maken. In dit geval geven zij mij dus geen streamlink om dit mooi te imbedden in Wordpress in mijn fansite.

Momenteel heb ik met kunst en vliegwerk de twee scripts van de OP voor elkaar weten te krijgen, maar die geven foutmeldingen.

Vandaar ook dat ik hier om hulp vraag voor meer gespecialiseerde kennis hoe ik dit kan implementeren.

[XippIX]

http://www.3fm.nl/api/webcam

deze gewoon even in een iframe erin knallen?

[De-Hamster]

XippIX schreef op dinsdag 15 december 2015 @ 13:49:
http://www.3fm.nl/api/webcam

deze gewoon even in een iframe erin knallen?

Is dat niet een erg lelijk alternatief dat ik dan heb? Wordpress staat ook geen iframes toe, dacht ik. Dan moet je al met een plugin gaan beginnen. Ik heb ook eens gelezen dat Google een hekel heeft aan iframes. Tevens verschillende browsers en firewalls die er moeite mee hebben?

Prima alternatief, mocht er echt geen andere optie zijn. Maar mij lijkt dat er toch wel één nettere optie mogelijk moet zijn?

[Verwijderd]

De-Hamster schreef op dinsdag 15 december 2015 @ 13:53:
[...]

Is dat niet een erg lelijk alternatief dat ik dan heb? Wordpress staat ook geen iframes toe, dacht ik. Dan moet je al met een plugin gaan beginnen. Ik heb ook eens gelezen dat Google een hekel heeft aan iframes. Tevens verschillende browsers en firewalls die er moeite mee hebben?

Prima alternatief, mocht er echt geen andere optie zijn. Maar mij lijkt dat er toch wel één nettere optie mogelijk moet zijn?

Heb je wel al een HLS-player beschikbaar. Ik kan je namelijk wel helpen met het krijgen van de streamlink.

[De-Hamster]

Verwijderd schreef op dinsdag 15 december 2015 @ 13:55:
[...]


Heb je wel al een HLS-player beschikbaar. Ik kan je namelijk wel helpen met het krijgen van de streamlink.

Yes, dat zou moeten kunnen met Flowplayer https://wordpress.org/plugins/flowplayer5/

[Verwijderd]

De-Hamster schreef op dinsdag 15 december 2015 @ 13:58:
[...]

Yes, dat zou moeten kunnen met Flowplayer https://wordpress.org/plugins/flowplayer5/

Google Chrome gebruikende kun je de M3U8-URL achterhalen door bijvoorbeeld naar http://www.3fm.nl/webcam/popup te gaan, vervolgens F12 te drukken, vervolgens klik je op "Network", indien hier niks in de lijst staat even pagina refreshen, vervolgens zie je in die lijst een aantal URLs beginnend met "3fm-audio=128000-", klik hier met de rechtermuisknop op en vervolgens "Copy link address". Nu heb je in je klemboard een lange URL staan, plak deze ergens en je ziet dat deze eindigd met iets zoals "video=1000000-4525.ts", vervang dit stuk door "video=1000000.m3u8" en je hebt de M3U8-URL.

Ik hoop dat de uitleg hierboven te begrijpen is.

[DJMaze]

De webcam doet het niet bij mij, blijft zeggen:
Linux: "Installeer een recente versie van Adobe Flashplayer "
Android: "Let op: niet alle apparaten ondersteunen live kijken."

Heeft het nog wel zin om hier tijd in te investeren omdat hij het niet doet?

[CH4OS]

DJMaze schreef op dinsdag 15 december 2015 @ 14:48:
De webcam doet het niet bij mij, blijft zeggen:
Linux: "Installeer een recente versie van Adobe Flashplayer "
Android: "Let op: niet alle apparaten ondersteunen live kijken."

Heeft het nog wel zin om hier tijd in te investeren omdat hij het niet doet?

Dat de link op jouw Linux / Android apparaat niet werkt, betekend niet dat de link het niet doet. Bij mij werkt het namelijk wel.

[De-Hamster]

Als het goed is, doet hij het. Althans, bij mij doet hij het. Thanks allemaal!

[Verwijderd]

De-Hamster schreef op dinsdag 15 december 2015 @ 15:12:
Als het goed is, doet hij het. Althans, bij mij doet hij het. Thanks allemaal!

heb je m3u8 gebruikt hiervoor?

[De-Hamster]

Verwijderd schreef op dinsdag 15 december 2015 @ 15:18:
[...]

heb je m3u8 gebruikt hiervoor?

Ja klopt.