Embedding ogg audio livestream to wix page - html

I'm hosting on wix and want to embed a simple audio player to play a livestream. I have tested the code in w3schools and the audio plays. However, when viewing the wix site with the same code embedded, the player loads with a runtime of 0:00 and won't play, even when clicked.
I can only assume there is a conflict with the iframe wix runs the code in.
The live page is at https://www.joetimothycoleman.com/bewilderments-22
Any solutions welcome!
<html>
<Head>
</head>
<body>
<audio controls autoplay>
<source src="http://locus.creacast.com:9001/slawica_puszcza_zielonka.ogg" type="audio/ogg">
Your browser does not support the audio element.
</audio>
</body>
</html>

Related

Video source is not playing in html video tag

I have some video sources as I stated below
Sample Video Source: https://r1---sn-5hne6nsr.c.2mdn.net/videoplayback/id/be1889e136a157dd/itag/37/source/doubleclick_dmm/ctier/L/acao/yes/ip/0.0.0.0/ipbits/0/expire/3747290803/sparams/acao,ctier,expire,id,ip,ipbits,itag,mh,mip,mm,mn,ms,mv,mvi,pl,source/signature/388EE84E16EB00C9F843F9A73533592875F7AC21.4849C933939EDFCC5C988E8F948B2DACD1A5505E/key/cms1/cms_redirect/yes/mh/NQ/mip/83.162.138.194/mm/42/mn/sn-5hne6nsr/ms/onc/mt/1609252593/mv/m/mvi/1/pl/14/file/file.mp4
When I copied and pasted in the browser it is working seamlessly but when I give it to an HTML Video tag like below, it does not work.
<!DOCTYPE html>
<html>
<body>
<video controls="" autoplay="" name="media">
<source src="https://r1---sn-5hne6nsr.c.2mdn.net/videoplayback/id/be1889e136a157dd/itag/37/source/doubleclick_dmm/ctier/L/acao/yes/ip/0.0.0.0/ipbits/0/expire/3747290803/sparams/acao,ctier,expire,id,ip,ipbits,itag,mh,mip,mm,mn,ms,mv,mvi,pl,source/signature/388EE84E16EB00C9F843F9A73533592875F7AC21.4849C933939EDFCC5C988E8F948B2DACD1A5505E/key/cms1/cms_redirect/yes/mh/NQ/mip/83.162.138.194/mm/42/mn/sn-5hne6nsr/ms/onc/mt/1609252593/mv/m/mvi/1/pl/14/file/file.mp4" type="video/mp4">
</video>
</body>
</html>
What am I missing? Any idea?
I figured out why your video tag was not playing, run your HTML with all your browser extensions off, The video tag is being blocked by my adblocker. After I turned it off it was working as regular.
The reason behind it because adblockers run in a privileged mode, their operation does not trigger events in the nonprivileged script space.
To work around it you have to Detect adblockers.

HTML5 audio control greyed out when playing from external hard drive

Im trying to play mp3 files from an external hard drive connected to raspberry pi on web browser (webserver is the raspberry pi). My code is so far simply to test.
<!DOCTYPE html>
<html>
<body>
<audio controls>
<source src="kyon.mp3" type="audio/mp3">
</audio>
<p> <audio controls>
<source src="shakira.mp3" type="audio/mp3">
</audio>
<p> <audio controls>
<source src="/mnt/SEAGATE_BACKUP_1/MP3/Carly_I_Really_Like_You.mp3" type="audio/mp3">
</audio>
</body>
</html>
I can play first two mp3 but cannot play the third, I have checked permissions which seem fine.
Any idea?
I had the same problem with the python gTTS framework, and get_urls() gave me 2 translate.google.com URLs. My sound controls were also grayed out, and when I copy and pasted the URL into another tab, it gave me a 404 error. I pressed "Reload" and it worked, when I reloaded my own site that used get_urls(), the controls became normal. In short, if you use Chrome, try this:
Open it in an actual tab, and reload the page.
Reload your own server.
Hopefully, it works!
SHacker (left my login credentials on my Raspberry Pi)

Play video in Tizen web app

I have a Tizen web application. On one page there is a video html tag. It plays video from m3u8 format, using hls well, but if I set as a source a video file - it is not played. Here is the code:
<video id="video"
src="http://content.bitsontherun.com/videos/q1fx20VZ-52qL9xLP.mp4" preload="auto" controls loop autoplay>
</video>
In browser it works fine. Seems that Tizen just ignores it for some reason. How can I play video from file?
Add below privilege and policy in your config.xml.
<tizen:privilege name="tizen.org/privilege/internet"/>
<access origin="*" subdomains="true"/>

html5 video does not play from localhost

The mp4 video does not play from localhost.
But mp3 audio works.
i.e.
Following code for playing video (stored as C:\inetpub\wwwroot\video\testVideo.html) does not work when accessed through (http://localhost/video/testVideo.html)
<!DOCTYPE html>
<html>
<body>
<video width="400" controls>
<source src="video.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
</body>
</html>
But, following code for playing audio (C:\inetpub\wwwroot\audio\testAudio.html) works when accessed through (http://localhost/audio/testAudio.html)
<!DOCTYPE html>
<html>
<body>
<audio width="400" controls>
<source src="audip.mp3" type="audio/mp3">
Your browser does not support HTML5 video.
</audio>
</body>
</html>
However, they both work when webpage is launched by double clicking on html file i.e. webpage is accessed through (file:///C:/inetpub/wwwroot/audio/testAudio.html) or (file:///C:/inetpub/wwwroot/video/testVideo.html)
Please explain what am I doing wrong. And how to make video play from localhost.
I am using following browsers:
IE 11.0
Chrome 44.0
Firefox 40.0
I finally figured it out.
The video doesn't play via localhost, because IIS localhost in Windows doesn't contain MIME type entry (video/mp4) for .mp4 file format.
To make this work, a MIME type entry should be added in following way:
Open IIS Manager
Select your machine from Connection panel
From middle panel, double-click 'MIME Types'
Right-click on the list and select 'Add' option
Add file extension and MIME type e.g. for MP4 videos, file extension: .mp4 and MIME type: 'video/mp4'
Thats it.
Now refresh your page and Bingo!. It works.

HTML 5 audio, video is not working Safari 5.1 WinXP

I am using safari 5.1 version browser. Refer the screen shot about my safari.
I am executing the following audio tag as html file, the audio is not playing.
<!DOCTYPE html>
<html>
<head>
<title>Multi-Source Audio Player</title>
</head>
<body>
<audio controls>
<source src="data/horse.ogg" type="audio/ogg">
<source src="data/horse.mp3" type="audio/mpeg">
</audio>
</body>
</html>
And also I test the audio with live sample w3school, its also no playing.
Please suggest how can I play HTML5 audio on safari 5.1.
Do you have QuickTime installed? Safari needs QuickTime to play HTML5 audio and video. Daft I know but that's how it is.