I have create an html file in VS Code which included a mp3 file and and the audio run all well whedn I try opening it in may browser. However, when I uploaded the folder into Github in order to get the url link through the Github Pages, the audio .mp3 file was said to be too big. '(Sorry about that, but we can’t show files that are this big right now.)'
Any ideas to solve this issue? Thank you very much!!!
Related
hopefully you can help!
On my website's local version, in my file structure I have a file test.vtt, captions for a short video. I'm using Dreamweaver to edit it.
Edit: I'm using Bootstrap 5 framework and using the default video-player.
<div class="embed-responsive">
<video class="rounded-3" poster="assets/videos/poster.jpg" preload="metadata" controls style="max-width: 100%;" crossorigin="anonymous">
<source src="assets/videos/video1.mp4" type="video/mp4">
<track label="English" kind="captions" srclang="en" src="assets/videos/test.vtt" type="text/vtt" default/>
</video>
</div>
I've connected to the remote server via DreamWeaver FTP, and uploaded the relevant files including test.vtt
When accessing the local website preview in DreamWeaver, the subtitles work flawlessly which is superb! Unfortunately, when I upload all the local files to the remote server and preview the 'live version', on Inspect Element I can see an error:
Failed to load resource: the server responded with a status of 404 (Not Found)
for the file test.vtt - despite me looking at the servers' file structure and finding the file!
Apologies - I'm pretty basic but cannot fathom out how to get the subtitles working on the live version. Anyone have any idea what I could try? I've tried moving the test.vtt file into various levels of folder substructure so it's next to the index, in case it was that! I've tried renaming and re-doing the file from scratch, too.
Any help greatly appreciated!
What I've tried:
Moving the test.vtt file around in the folder hierarchy in case it can't find the file?
Remaking the test.vtt file from scratch,
Naming it something else,
Re-uploading it to remote server alongside the other files required files (which all worked other than test.vtt)
Reading dozens of articles online and trying to re-structure the div to have 'track' both inline and separate but neither solution works. Also tried other bits like 'cross-origin' but doesn't resolve anything.
Appears to be a file issue on server, does it not? Sorry - I'm a bit new to all of this!
Since the server does not seem to detect the VTT file at all, I am wondering if the server is configured to recognize and serve VTT files. You might need to add a configuration that sets mime type as VTT file. Have you successfully served VTT files from this server before? Here is an article on this subject: HTML5 track captions not showing.
On a project, i have an iframe and a link targeting it. The link leads to an mp3 file. However on google chrome, and maybe other browsers, the iframe appears with a horrible black background.
Is there any way to fix this?
All solutions i have found so far talk about changing the background in the source file, but this is not possible for me as it is an mp3 file not an html file.
You have zero control over the default presentation of an audio player when you link to it in this way. In fact, it's very common that the file will just be downloaded instead of played in a browser.
If you want to control it, you need to build an HTML page that loads the audio file.
My cordova app downloads an audio file from the web. This works fine and the track is being saved in
"cdvfile://localhost/persistent/JukeboxDownloads/Test.mp3"
I get the URL of the file like that inside the success call of my downloader:
entry.toURL();
I then try to play the downloaded file using an audio tag (iOS) like this:
<audio src="file:///Users/Marc/Library/Developer/CoreSimulator/Devices/59AA8A4B-5CE5-42E2-8CF8-7DA0DEB07E99/data/Containers/Data/Application/7406C75B-4509-44C5-A6C7-F71C2D6D27AF/Documents/JukeboxDownloads/Test.mp3" id="audioPlayer" controls>
I also tried to set the src manually using jQuery:
$("#audioPlayer").attr("src","file:///Users/Marc/Library/Developer/CoreSimulator/Devices/59AA8A4B-5CE5-42E2-8CF8-7DA0DEB07E99/data/Containers/Data/Application/7406C75B-4509-44C5-A6C7-F71C2D6D27AF/Documents/JukeboxDownloads/Test.mp3");
However, both did not work for me and I am not able to play the audio, it always says "Error" without further explanation. When I use another source file it works perfectly (that means a file inside my www folder or on the web).
Any ideas why cordova does not play the file?
I would appreciate your help!
Further information: Cordova 5.0;xCode 6.3.1;iOS 8.3
Try referencing the file by creating the src like so:
var src = cordova.file.documentsDirectory + 'JukeboxDownloads/Test.mp3';
I have found that when building the app and rebuilding the referenced GUID for the app changes which causes the URL to be invalid.
In my experience, using cdvfile://localhost/persistent/ works for images but not video or audio files.
I wrote this HTML code on the HTML gadget of blogger -
<embed name="2playlist"
src="2playlist.m3u"
width="300"
height="90"
loop="false"
hidden="false"
autostart="true">
</embed>
But it's not working. I have little knowledge of HTML, I found this code online. Any suggestions?
Thank you.
The main problem is in your src="2playlist.m3u". You should set the source by hotlinking the .m3u file, for example: http://example.com/music/2playlist.m3u because blogger have no directory system like WordPress.
This code uses three kinds of files: html, m3u, and mp3. The code you posted loads a music playlist (m3u), which in turn loads audio files (mp3).
Make sure all these files are in the same directory (folder):
your html file containing posted code
2playlist.m3u
all the audio files listed in your m3u file
If you need help creating the m3u file, see step one at http://www.quackit.com/html/codes/create_music_playlist.cfm.
Edit: Since blogger doesn't support directories, you need to put the absolute file path rather than the relative file path. Basically, rather than putting src="2playlist.m3u, you need to have an m3u file somewhere on the internet, and you need to put it's url there instead of 2playlist.m3u.
I am using JWPlayer to play .mp3 files on my website, however I am having trouble with the behaviour of the player with links from my download system.
Visit this test page I have created http://bit.ly/TLwEHc
The first player which contains a link to a real directory with a file and this plays just fine, however on the second player which contains a link to a script which generates a file does not.
I have tried replicating the headers in the generated file but it still has not made a difference.
Could anyone tell me what could be causing this behaviour and how I could resolve this?
Check this link to see that Content-Range header needs to be supported in order to seek.
I also checked with one more url and audio works fine and seeks correctly
Demo Link