It just doesn't play.
This is the code for the player:
<!DOCTYPE html>
<html>
<body>
<audio controls>
<source src="https://www.reportercatolico.com.br/audios/1cd5d4f1448ae07340406213d5da61dc.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</body>
</html>
What am I doing wrong?
Related
I am trying to recreate a player that is shown here - https://videojs-http-streaming.netlify.app/
As per the docs, here is my HTML. But quality/resolution control is missing
What needs to be changed in this HTML for that quality/resolution picker to render in the player as shown in the demo page.
<html>
<head>
<link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
</head>
<body>
<video-js id=example-video-hls class="vjs-default-skin" controls>
<source src="https://d2zihajmogu5jn.cloudfront.net/bipbop-advanced/bipbop_16x9_variant.m3u8"
type="application/x-mpegURL">
</video-js>
<script src="https://unpkg.com/video.js/dist/video.js"></script>
<script src="https://unpkg.com/videojs-contrib-quality-levels#2.1.0/dist/videojs-contrib-quality-levels.js"></script>
<script>
var player = videojs('example-video-hls');
player.play();
</script>
</body>
</html>
videojs-contrib-quality-levels adds the quality selector API, but does not include a UI component.
That example is using videojs-http-source-selector for the menu.
I am a complete novice and am studying HTML5 and CSS.
I am building a simple web page (on my local computer not a server) on my C:/ drive to play a musical audio with controls.
My speakers and sound work fine when I am on any website, etc. but I cannot get this web page to play my audio file. All I get is a hiss.
I have searched and searched for what my problem is but cannot find it.
Here is my html file:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>audio.html</title>
</head>
<body>
<h1>Audio Demo</h1>
<audio controls = "controls">
<source src = "0124.wav" type="audio/wav">
<source src = "0124.mp3" type="audio/mp3">
</audio>
</body>
</html>
I would certainly appreciate any assistance.
Thank you.
The browser can be called the client - everything it can show you lives on some server. Luckily you can use your computer as a server. Put into the same directory where your above html file lives those wav and mp3 files. Then just point your browser at the full path to reach your html file (your URL) similar to
file:///home/scott/Documents/data/audio/play.html
evidently to show both files you may wish arrange as :
<audio controls = "controls">
<source src = "0124.wav" type="audio/wav">
</audio>
<br>
<audio controls = "controls">
<source src = "0124.mp3" type="audio/mp3">
</audio>
Please how I can play sound in specific positions...
Exemple : data-2000 and another data-5000
This is my code :
<div data-1000="" data-2000="">
<audio id="audio01" preload="auto"/>
<source src="audio1.ogg" type="audio/ogg">
<source src="audio1.mp3" type="audio/mpeg">
</audio>
</div>
<div data-2000="" data-3000="">
<audio id="audio02" preload="auto"/>
<source src="audio2.ogg" type="audio/ogg">
<source src="audio2.mp3" type="audio/mpeg">
</audio>
</div>
Example website use sound on specific data: http://www.cabletv.com/the-walking-dead
I use Skrollr JS
Thanks
A video needs to be shown on a website. I used HTML5 and the tag with WebM, Theora/OGV and H.264/MP4. This video is looking nice on most browser/OS combinations, but the colors are distorted when watching it with Quicktime on Windows.
Is there a canonical way to ensure consistent colors? If there is not, can I order a browser to not use Quicktime on Windows if an alternative is available?
The current approach is taken from this tutorial.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Testvideo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="video.css">
</head>
<body bgcolor="#000000" marginwidth="0" marginheight="0">
<center>
<H2>Endeavour</H2>
<video width="320" height="240" controls>
<source src="endeavour.mp4" type="video/mp4; codecs=avc1.42E01E,mp4a.40.2">
<source src="endeavour.webm" type="video/webm; codecs=vp8,vorbis">
<source src="endeavour.ogv" type="video/ogg; codecs=theora,vorbis">
</video>
</center>
</body>
I'm not sure I understand your question 100% but the order you supply as sources will determine which video to prefer - if you want the webm file to be preferred you simply add it first:
...
<source src="endeavour.webm" type="video/webm; codecs=vp8,vorbis">
<source src="endeavour.mp4" type="video/mp4; codecs=avc1.42E01E,mp4a.40.2">
<source src="endeavour.ogv" type="video/ogg; codecs=theora,vorbis">
...
You cannot force a browser to use (or not to use) a specific plugin installed by the user.
As to colors this depends on how the video files are compressed and how they are encoded.
The media player embedded code work only in IE.How I can do it able to work on opera ,mozilla and other browser.I am using this below code.
<HTML>
<HEAD>
</HEAD>
<BODY>
<OBJECT ID="Player" height="0" width="0"
CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
</OBJECT>
<INPUT TYPE="BUTTON" NAME="BtnPlay" VALUE="Play" OnClick="StartMeUp()">
<INPUT TYPE="BUTTON" NAME="BtnStop" VALUE="Stop" OnClick="ShutMeDown()">
<SCRIPT>
<!--
function StartMeUp ()
{
Player.URL = "laure.wma";
}
function ShutMeDown ()
{
Player.controls.stop();
}
-->
</SCRIPT>
</BODY>
</HTML>
You are using the Windows Media Player ActiveX control, which only works in IE.
It can work in FireFox if the Windows Media Player Firefox Plugin is installed on the user's computer.
For best results, you should probably use Flash.