{"id":689,"date":"2016-04-21T18:03:29","date_gmt":"2016-04-21T18:03:29","guid":{"rendered":"http:\/\/www.foxtrapradio.com\/?page_id=689"},"modified":"2024-09-07T22:16:52","modified_gmt":"2024-09-07T22:16:52","slug":"watch-listen-live","status":"publish","type":"page","link":"https:\/\/www.foxtrapradio.com\/?page_id=689","title":{"rendered":"&#8220;LISTEN LIVE&#8221;  FOX TRAP RADIO-TV"},"content":{"rendered":"<link href=\"https:\/\/fonts.googleapis.com\/icon?family=Material+Icons\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/hls.js@latest\"><\/script><br \/>\n<!-- script src=\"https:\/\/hls-js.netlify.app\/dist\/hls.js\"><\/script --><\/p>\n<div id=\"videoWrap\" style=\"position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 720px; height: 405px; margintop: 100px; marginbottom: 100px;\"><video id=\"oPlayer\" style=\"background-color: black; width: 100%; height: 100%;\" src=\"\" controls=\"controls\" width=\"300\" height=\"150\"><\/video><br \/>\n<span class=\"material-icons\" style=\"left: 50%; top: 0%; cursor: pointer; z-index: 10; color: white; font-size: 24em !important; background-color: tranparent; position: absolute; transform: translate(-50%, -50%);\"><br \/>\nplay_circle_outline<br \/>\n<\/span><\/div>\n<p><script>\n\/\/ <![CDATA[ \n\twindow.addEventListener('DOMContentLoaded', e => {\n\t\tdocument.querySelector('span.material-icons').addEventListener('click', e => {\n\t\t\tlaunchVideo(e.target);\n\t\t})\n\t})\n\/\/ let oPlayer = {}; window.addEventListener('DOMContentLoaded', launchVideo); \n\/\/ let oPlayer = document.querySelector('#oPlayer'); \n\/\/ let video_src = \"https:\/\/18cf-66-147-239-11.ngrok.io\/golive\/54\/playlist.m3u8\"; \n\/\/ let MeHls = {}; \n\nfunction openFullscreen(elem) { if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.webkitRequestFullscreen) { \/* Safari *\/ elem.webkitRequestFullscreen(); } else if (elem.msRequestFullscreen) { \/* IE11 *\/ elem.msRequestFullscreen(); } } \n\nfunction launchVideo(obj) \n{ \n\tobj.style.display = \"none\";\n\n\tlet oPlayer = document.querySelector('#oPlayer'); \n\tlet vh = document.querySelector('#videoWrap');\n\/*\n\tvh.addEventListener('click', e => {\n\t\te.preventDefault();\n\t\topenFullscreen(oPlayer);\n\t });\n*\/\n\/\/ let video_src = \"https:\/\/18cf-66-147-239-11.ngrok.io\/golive\/54\/playlist.m3u8\";\n  \t let MeHls = {};\n\t \/\/ let video_src = \"https:\/\/18cf-66-147-239-11.ngrok.io\/golive\/54\/playlist.m3u8\";\n\t \/\/ let video_src = \"http:\/\/104.152.111.75:8080\/live\/54\/index.m3u8\";\n\/\/\t let video_src = \"https:\/\/foxtrapradio.com:8080\/live\/54\/index.m3u8\";\n\t \/\/ let video_src = \"https:\/\/c5f7-66-147-239-11.ngrok.io\/golive\/54\/playlist.m3u8\";\n\t let video_src = \"https:\/\/bulldog-smooth-shortly.ngrok-free.app\/live_broadcaster\/54\/index.m3u8\";\n  \t console.log(\"Launching video...\");\n      \/\/ v = document.querySelector('video');\n      \/\/ v.setAttribute('muted', 1);\n      \/\/ v.setAttribute('autoplay', 1);\n      \/\/ v.setAttribute('src', video_src);\n\t\t\/*\n      \/\/ let vh = document.querySelector('#videoWrap');\n      \/\/ oPlayer  = document.createElement('video');\n      oPlayer.id = 'oPlayer';\n      \/\/p.setAttribute('controls', true);\n      oPlayer.setAttribute('muted', 1);\n      oPlayer.setAttribute('playsinline', true);\n  \t  oPlayer.setAttribute('style', 'background-color:black;width:100%;height:100%');\n      \/\/ p.setAttribute('poster', 'images\/poster_black.png');\n      \/\/ p.addEventListener(\"contextmenu\", showCustomContext); \/\/function(e){Identity.showCustomContext(e)});\n      \/\/ p.setAttribute('oncontextmenu', 'return false');\n      vh.appendChild(oPlayer);\n\t\t*\/\n      if ( navigator.userAgent.indexOf(\"Chrome\") > -1 ) \/\/!document.createElement(\"video\").canPlayType(\"application\/vnd.apple.mpegURL\") )\n      {\n        if ( Hls.isSupported() )\n          {\n\t\t\tconsole.log('Hls is supported');\n            MeHls.hls = new Hls();\n\t\t\t\/\/ let file = \"https:\/\/c5f7-66-147-239-11.ngrok.io\/golive\/54\/playlist.m3u8\";\n\t\t\tlet file = \"https:\/\/bulldog-smooth-shortly.ngrok-free.app\/live_broadcaster\/54\/index.m3u8\";\n\t\t\t\/\/let file = \"http:\/\/foxtrapradio.com:8080\/live\/54\/index.m3u8\";\n            \/\/ let file = \"http:\/\/104.152.111.75:8080\/live\/54\/index.m3u8\"; \/\/video_src; \/\/buildStream(shows[curr_show])\n            \/\/ MeHls.hls.loadSource(file);    \n            MeHls.hls.attachMedia(oPlayer);\n            \/\/ console.log(`Attached ${MeHls.hls.stream} to Hls.`)\n\n            MeHls.hls.on(Hls.Events.MEDIA_ATTACHED, function() {\n              MeHls.hls.loadSource(file); \n              console.log('MEDIA_ATTACHED: and loaded '+ file)\n              console.log(\"<===== Hls version: \"+ Hls.version + \" =====>\");\n\n              MeHls.hls.on(Hls.Events.MANIFEST_PARSED,function() {\n                  console.log('MANIFEST PARSED: '+ file)\n                  \/\/alert(\"Video play.\");\n                  var playPromise = oPlayer.play();\n                  if ( playPromise !== undefined )\n                  {\n                    playPromise\n                    .then( function(e){\n                        oPlayer.removeAttribute('controls')\n                        console.log(\"Video \" + file + \" playing.\")\n                        \/\/trackMediaPlay(file, my_ip, Date.now());\n\t\t\t\t\t\t\tvh.addEventListener('click', e => {\n                                e.preventDefault();\n                                openFullscreen(oPlayer);\n                             });\n                    })\n                    .catch( function(error){\n                      console.log(\"Video playback error:\")\n                        console.log(error.message);\t\t\t \n                    })\n                  }         \n              });\n\n            });\t\t\t\t\t\t   \t\t\t\t\t\t   \n          }\n\t\t  else\n\t\t\t{\n\t\t\t\tconsole.log('Hls is not supported.');\n\t\t\t}\n      }\n      else\n      {\n\t\tconsole.log(\"application\/vnd.apple.mpegURL is true.\");\n        oPlayer.src = video_src; \/\/buildStream(shows[curr_show]);\n\t\tconsole.log('Video source: ' + video_src);\n        \/\/ oPlayer.play();\n                  var playPromise = oPlayer.play();\n                  if ( playPromise !== undefined )\n                  {\n                    playPromise\n                    .then( function(e){\n                        oPlayer.removeAttribute('controls')\n                        console.log(\"Video \" + file + \" playing.\")\n                        \/\/trackMediaPlay(file, my_ip, Date.now());\n\t\t\t\t\t\t\tvh.addEventListener('click', e => {\n                                e.preventDefault();\n                                openFullscreen(oPlayer);\n                             });\n                    })\n                    .catch( function(error){\n                      console.log(\"Video playback error:\")\n                        console.log(error.message);\t\t\t \n                    })\n                  } \t\t\n        \/\/oPlayer.removeAttribute('controls');\n        \/\/trackMediaPlay(file, my_ip, Date.now());\n\/*\n        vh.addEventListener('click', e => {\n            e.preventDefault();\n            openFullscreen(oPlayer);\n         });\n*\/\n      }\n} \n\/\/ ]] >\n <\/script>\n<!-- script src=\"https:\/\/foxtrapradio.com\/cc\/js\/ovnplayer.0.3.0.js\"><\/script -->\n<script>\n    \/\/ <[CDATA[ var oPlayer = ovnPlayer(\"videoWrap\").init({ videoid : 'ovn', file: \"http:\/\/104.152.111.75:8080\/live\/54\/index.m3u8\", autoplay: true, fullscreen: true, hlsonly: true }); oPlayer.addEventListener(\"available\", function(e){ console.log(\"Event available handled.\") }) \/\/ ]]>\n  <\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>play_circle_outline<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.foxtrapradio.com\/index.php?rest_route=\/wp\/v2\/pages\/689"}],"collection":[{"href":"https:\/\/www.foxtrapradio.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.foxtrapradio.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.foxtrapradio.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.foxtrapradio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=689"}],"version-history":[{"count":165,"href":"https:\/\/www.foxtrapradio.com\/index.php?rest_route=\/wp\/v2\/pages\/689\/revisions"}],"predecessor-version":[{"id":2894,"href":"https:\/\/www.foxtrapradio.com\/index.php?rest_route=\/wp\/v2\/pages\/689\/revisions\/2894"}],"wp:attachment":[{"href":"https:\/\/www.foxtrapradio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}