Im trying to make video files playable from web browser. I upload the files in different repositories but when I click the videoFile it starts to download instead of be played.
This is my resource, when I put this url on the browser the video starts to download.
https://s3-us-west-2.amazonaws.com/awsampledatabucket/Media/SampleVideo.mp4
What I want is that when I put the url the video starts playing like this:
https://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4
Anybody know how to do it?
Related
I am making a website using only HTML and CSS. I am trying to link to an online mp3 file (that I do not own) so that the mp3 plays in the browser. This simple code does what I want on Firefox and Safari:
<a href="https://www.allaboutbirds.org/guide/assets/sound/548271.mp3" >
However, instead of playing the mp3, Chrome automatically downloads the mp3 file to my computer. Is there some way I can alter my HTML code (not my browser preferences) to stop this from happening? Thanks.
You can't guarantee that all the browsers will have a built-in in-frame player for the audio file.
The best thing to do in this case is to embed the audio player into a page with the audio element:
<audio src="https://example.com/some-sound.mp3" controls></audio>
I am trying to add an audio player to my Wix website. I want the audio player to play different files that can change dynamically by changing the url of the audio file.
There are a number of audio players that I could potentially use: https://freefrontend.com/css-music-players/
I am just not sure how to include them.
Which code needs to be included in the HTML iframe in Wix?
Which code needs to be added in the developer console or as a function?
Which files needs to be stored and can I store them on github?
An example of how to do it will really be appreciated.
I have my web application which has many audio files. I have kept these files on my Nginx server.
On my HTML page, I am using audio tag.
My question is when my HTML page loads on the web browser then do all the audio files will get downloaded at the same time? Or when the user plays particular audio file, then only that audio get streamed and downloaded.
Since my page has many audio files, so I need only that audio gets streamed/downloaded to the user which he plays.
A given media file will only get downloaded after you have clicked on a link
You can confirm this yourself by getting onto your page in question then hit F12 or ctrl-shift-i in your browser (firefox/chrome/opera) to open up your developer tools then hit the Network tab which will display network traffic ... once there do a page refresh and observe traffic ... next to none since no media files have been requested
Now click on a media link to request a download and only then will you see significant network traffic as the media packets come tumbling into the browser
By default above setup will just download the mp3 not stream ... to stream an mp3 file create on server side a text file called mysong.m3u which contains URL of actual mp3 file
http:///sorabhdomain.com/mymedia/mysong.mp3
then have the browser link use the m3u URL not the mp3 URL and the browser should now stream not download
I am unable to get embedded video working in the HTML wrapper, whereas it works fine in the SWF file itself. The video plays instantly when opening the SWF, but when I open the HTML only the video player skin shows and no actual video, almost as if it can't find the video file.
Here is the exact process I went through to get to this point:
Starting from a blank ActionScript 3 document, I import a video and select the "Load external video with playback component" option. The video file is in the same directory as the project file, and the video file is referred to in FLVPlayback source as 'movie.flv'. From here I publish the project to SWF and also with a HTML wrapper. Upon opening the .SWF the video plays, however when I open the .HTML no video plays, although the video player skin shows up.
I have tried several different methods of getting this video to work, I have tried embedding the video solely with ActionScript, but the results are the same.
Is it possible to have the video load both in the .SWF and in the .HTML? The .SWF itself loads, but the video embedded in the .SWF does not. I have also tried using .mp4 files but have the same results. This is for a school project, so I am limited to using ActionScript, and the final project must be published to HTML/SWF/EXE.
I have an Apache server with a webpage written in HTML5 that has a video tag to play video from a webcam. I use VLC to stream the video over HTTP in OGG. My problem is that I can play the video in a browser from the computer where the server is allocated, but from another computer the video window is blank.
I have done some tests to try to solve my problem:
if I put a video file in htdocs and the corresponding line in the html file, the video is played.
If the stream is a video file instead of video from the webcam, there is the same problem.
With VLC option Open Network Stream the video is played successfully from another computer.
When I have the blank window problem, with wireshark I don't see the stream being downloaded.
This is how I use the video tag:
<video id = "myVideo" src="http://localhost:8081/stream.ogg" type="video/ogg; codecs=theora" autoplay="autoplay"></video>
I would appreciate any suggestion, thank you in advance!
Kiko
http://localhost
Localhost will always point to your local computer. So if you run the application on the server the video file will actually resides on, it will find the file.
But if you are running the script on another computer, this computer will actually look locally, where the video file does not resides.
Try replacing http://localhost with the external IP-adres of your server.