Pildiraadio kanali näitamine muu kodulehe sees

Seoses Hiiumaa ühiste teenistuste ülekannete korraldamisega oli taas päevakorral küsimus, kuidas saaks näidata Pildiraadio otsestriimi mõne muu kodulehe kaudu. Tükk aega ei leidnud ma õiget varianti, lõpuks aga on vajalik koos olemas.

Esiteks tahan nimetada, et Pildiraadio otsestriim – see mis tuleb lehelt http://www.pereraadio.com/pildiraadio/ – ei tule mitte Pereraadio oma serverist, vaid striimi vahendab Babahh Media OÜ. Niisiis, kui on vaja näidata Pildiraadio striimi oma kodulehe kaudu, siis tuleb tegelikult üles leida sama kood, millega Pildiraadio ka ise oma kodulehel striimi näitab. Põhimõtteliselt võiks sama kood olla kasutatav ükskõik millisel muul kodulehel.

Peale uurimist leidsin, et Pildiraadiol endal on selline koodiljupp kodulehel:

<iframe src="//s3.eu-central-1.amazonaws.com/mango.babahh.com/player/embed/v2/index.html?src=rtmp://b1.babahh.com/bb1023/stream3&lang=et&autostart=false&poster=//s3.eu-central-1.amazonaws.com/mango.babahh.com/player/embed/v2/poster.jpg" style="position: absolute; top:0; left: 73px; width: 854px; height: 100%;" frameborder="0" scrolling="no" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen="true" class="noTransform"></iframe>

Kui mina kopeersin sama koodi hiiumaa.kogudused.ee lehele, siis ei olnud tulemus päris see, mida ma ootasin. Selleks, et sama asi hiiumaa.kogudused.ee lehel korrektne oleks, tuli mul kasutada järgmist koodi:

<iframe src="//s3.eu-central-1.amazonaws.com/mango.babahh.com/player/embed/v2/index.html?src=rtmp://play.babahhcdn.com/bb1023/stream3&amp;lang=et&amp;autostart=true&amp;poster=//s3.eu-central-1.amazonaws.com/mango.babahh.com/player/embed/v2/poster.jpg" style="position: relative; top:0; left: 73px; width: 854px; height: 480px;" frameborder="0" scrolling="no" allowfullscreen="true"></iframe>

Nagu näha, siis vajalik oli “style” teistsugune määramine, et vaade teisel lehel korrektne oleks.

  1. rtmp allika aadress tuli teisiti määrata, b1.babahh.com asemel tuli kasutada aadressi play.babahhcdn.com – põhjus on selles, et b1.babahh.com ei luba igalt poolt striimile ligi.
  2. autostart väärtuseks panin false – sest ma ei soovinud, et videostriim kohe mängima hakkaks. Nüüd peab inimene ise striimi käivitama.
  3. Stiili määramisel – style – oli vaja asukoht määrata suhtelisena (relative), et video oleks artikli sees õiges kohas; samuti oli vaja kõrgus määrata konkreetselt pikslites, mitte aga protsendi abil.

Selle näite põhjal on loodetavasti ka teistel võimalik soovi korral Pildiraadio striimi integreerida oma kodlehele. natuke tuleb mõelda ja kursis tuleb olla HTML koodi kirjutamisega, aga midagi väga keerulist ei ole. Ilmselt see, millise koodi täpselt kusagil kodulehel kasutada saab, sõltub ka kasutatavad tehnilise lahenduse omadustest.

Lisa kommentaar

Sinu e-postiaadressi ei avaldata. Nõutavad väljad on tähistatud *-ga