html code for playlist not working on blogger - html

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.

Related

Issues when uploading audio file into Github

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!!!

How can I directly embed audio that I have uploaded to OneDrive into HTML using the <audio> element?

I would like to know how I can directly embed an audio file that I have uploaded to OneDrive in HTML using the <audio> element.
I know there's always an Embed button in OneDrive, but I don't want that. That really only provides a big rectangle-shaped thing with a music icon and the filename, and when I click that, I'm still redirected to OneDrive. How can I really embed this using the HTML <audio> element?
I actually already tried the Copy Audio Location menu item from Firefox's context menu. It gave me a link that worked in the Dreamweaver's Live Preview (in the split view), but it didn't work in any other browser, including Firefox and Chrome.
I would like to use pure HTML to do this, i.e. no JavaScript.
Does anyone know how to do this? Thanks!
You can probably do it this way:
Get the direct link to the file:
how to do it:
Open OneDrive and Copy Embed Code
Paste the Embed Code and Modify:
Now paste the embed code you copied in a notepad or a text editor. This code looks like this one – <iframe src="https://onedrive.live.com/embed?cid=FA476CAFF1A7E75C&resid=FA476CAFF1A7E75C%21122&authkey=AN_axXpcOy7Zfl8" width="98" height="120" frameborder="0" scrolling="no"></iframe>. You have to modify this code, remove everything except source URL of the file https://onedrive.live.com/embed?cid=FA476CAFF1A7E75C&resid=FA476CAFF1A7E75C%21122&authkey=AN_axXpcOy7Zfl8 and then just replace embed with download to get direct/permanent link. After this modification, the link should look like this – https://onedrive.live.com/download?cid=FA476CAFF1A7E75C&resid=FA476CAFF1A7E75C%21122&authkey=AN_axXpcOy7Zfl8
That’s the OneDrive direct or native link
Use this link in the audio tag:
<audio src="https://onedrive.live.com/download?cid=FA476CAFF1A7E75C&resid=FA476CAFF1A7E75C%21122&authkey=AN_axXpcOy7Zfl8"></audio>
I mean provide into src the link you get from OneDrive.

Embedding json file to display in markdown (GIthub pages+jekyll)

I have a Github page, which uses, of course, Jekyll. I have already embedded there pdf file that I have in the system with this code:
<object data="img/mypdf.pdf" type="application/pdf" width="1000px" height="800px">
</object>
Now I need to preview the json file in a similar way, but I can`t find a way for it to work. I have already this:
<a href="docs/myjson.json" download>Click to open (or right-click and "Save link as") </a>
I would like to avoid copying the content and pasting it on the page every time. It would be much easier if the content from json file is embedded and it would "preview" on the page every time myjson.json is replaced. Can you help me?

How to embed swf file in floating iframe on website via. bookmarklet?

I am a high schooler & a novice to bookmarklets. I want a bookmarklet that can make a floating iframe on top of a website with a .swf file as it's contents. I've tried many solutions, but a major obstacle is that simply pasting the .swf link as an iframe content ("https://cdn.jsdelivr.net/gh/shirtjs/gstore#v1/cubefield_24.swf". I know, it's stupid.) just downloads the swf file, as we are using moderated chromebooks. Can somebody provide me a bookmarklet code that makes this?
"...But a major obstacle is that simply pasting the .swf URL link as an iframe content just downloads the swf file, as we are using moderated chromebooks."
This has nothing to do with moderators. As a software security issue, Chrome does not accept/load direct links to SWF files unless the link is inside a media tag like <object> or <embed>.
(maybe) solution:
Consider your current <iframe> line...
<iframe src="https://cdn.jsdelivr.net/gh/shirtjs/gstore#v1/cubefield_24.swf"></iframe>
Replace with <embed>code...
<embed src="https://cdn.jsdelivr.net/gh/shirtjs/gstore#v1/cubefield_24.swf" width="550" height="400">

Flash will not load images if it is embedded into a website

I have just finished making a flash banner in Fl5 and have embedded it into my website.
I can view it in my browser by going directly to the file however when it is embedded the photos will not load. The images it loads has to be in the same directory as the .swf file and as i stated it clearly works when going directly to the file but not once it has been embedded.
If someone else has had this issue or knows how to fix it, please help me
Thank You.
the directory of where the flash file can be found is:
http://tinyurl.com/6q5pu79
the website address is:
http://tinyurl.com/7x7nzz3
C
The paths you specify for the images in your code are by default relative to the HTML file where they are embedded (if you go directly to the swf, they're relative to the swf). You can fix that by using the base parameter when you embed.
Add a param in your HTML:
<param name="base" value="banner" />
... inside both <object> elements.
That tells FlashPlayer that relative paths in your code are relative to the "banner" directory rather than the directory where the HTML file is.