|
Log in to post
|
Print Thread |
|
|
|
|
|
Off-Topic
|
Joined: Dec 2002
Posts: 1,199
Expert
|
OP
Expert
Joined: Dec 2002
Posts: 1,199 |
Hi,
Does anyone know where I can find an easy introduction to HTML5.
The reason I ask is that I have a new website (purely hobbyist) where I wish to place my music and I would like to have an audio player within my page.
I have placed some audio files into chirbit website (a free and unlimited audio hosting site)
and would like to use HTML5 to link my files to my website.
All audio files are Band-in-a-Box generated.
Any pointers would be most helpful.
Thanks
George
Windows 11 64 bit, Biab 2024 1111, Realband 2024
i7 Desktop Computer 16Gb Memory
|
|
|
|
|
|
|
|
|
|
|
|
|
Off-Topic
|
Joined: Aug 2012
Posts: 12,801
Veteran
|
|
Veteran
Joined: Aug 2012
Posts: 12,801 |
Hi George. Here is an example of the HTML5 audio player code (it is part of HTML5) </br><audio controls="controls" width="100" height="10" preload="none"><source src= "http://www.yoursongs.com/MySongs/MySong1.mp3" type="audio/mpeg"></audio> You will need to replace the reference that I have bolded with your own path (to your song file) And you can read a little about it here: http://www.w3schools.com/html/html5_audio.asp
|
|
|
|
|
|
|
|
|
|
|
|
|
Off-Topic
|
Joined: Dec 2013
Posts: 2,732
Veteran
|
|
Veteran
Joined: Dec 2013
Posts: 2,732 |
Old school HTML version I use, another option:
<object>
<embed src="YourSong.mp3" autostart="false" loop="false" width="800" height="100" controller="true" bgcolor="#FFFFFF"></embed>
</object>
In my case, the HTML page and the mp3 file are in the same directory so just the file name is needed and not the full path.
 Steve BIAB/RB 2022, Pro Tools 2020, Korg N5, JBL LSR 4328 Powered Monitors, AKG/Shure Mics.
PC: Win11 PRO, 4 TB M2 SSD, 2 TB HD, 128 GB Memory
|
|
|
|
|
|
|
|
|
|
|
|
|
Off-Topic
|
Joined: Dec 2002
Posts: 1,199
Expert
|
|
OP
Expert
Joined: Dec 2002
Posts: 1,199 |
Hi Floyd,
Thank you for that...and the link, great help.
Regards
George
Windows 11 64 bit, Biab 2024 1111, Realband 2024
i7 Desktop Computer 16Gb Memory
|
|
|
|
|
|
|
|
|
|
|
|
|
Off-Topic
|
Joined: Dec 2002
Posts: 1,199
Expert
|
|
OP
Expert
Joined: Dec 2002
Posts: 1,199 |
Hi Steve, Thank you. It seems I have a lot to learn. Baby steps seems appropriate.  Regards George
Windows 11 64 bit, Biab 2024 1111, Realband 2024
i7 Desktop Computer 16Gb Memory
|
|
|
|
|
|
|
|
|
|
|
|
|
Off-Topic
|
Joined: Jan 2016
Posts: 1,664
PG Music Staff
|
|
PG Music Staff
Joined: Jan 2016
Posts: 1,664 |
Hello George, There is a fantastic website for learning how to code called "Code Academy" seen here: https://www.codecademy.com/
Cheers,
Joe
|
|
|
|
|
|
|
|
|
|
|
|
|
Off-Topic
|
Joined: Dec 2002
Posts: 1,199
Expert
|
|
OP
Expert
Joined: Dec 2002
Posts: 1,199 |
Hi Joe,
Thank you for that link. I have signed up.
Regards
George
Windows 11 64 bit, Biab 2024 1111, Realband 2024
i7 Desktop Computer 16Gb Memory
|
|
|
|
|
|
|
|
|
|
|
|
|
Off-Topic
|
Joined: Nov 2007
Posts: 5,955
Veteran
|
|
Veteran
Joined: Nov 2007
Posts: 5,955 |
George, instead of having a music player on your page why not have the music player on another site and then just link to it? Or maybe that's what you mean. I use reverbnation to do that, I don't really care for that site much, but I like their music player. Just upload your music there and you can get a player widget, which is basically just a piece of code you copy from their site and embed in your own page, and bingo, you now have a music player on your own site. Check out my homepage to see it in action: http://blue-attitude.net/
|
|
|
|
|
|
|
|
|
|
|
|
|
Off-Topic
|
Joined: Dec 2002
Posts: 1,199
Expert
|
|
OP
Expert
Joined: Dec 2002
Posts: 1,199 |
Hi Dave, I had a look at your site and yes it would be easier to just copy a sites audio player. I have tried that with www.chirbit.com (it is a free hosting audio site without adverts) and I can get my audio files to play ok. I have a new website and wanted to learn about coding with HTML5 as that is what my web hosting site uses. Also it keeps my brain active. Regards George
Windows 11 64 bit, Biab 2024 1111, Realband 2024
i7 Desktop Computer 16Gb Memory
|
|
|
|
|
|
|
|
|
|
|
|
|
Off-Topic
|
Joined: Jan 2016
Posts: 1,664
PG Music Staff
|
|
PG Music Staff
Joined: Jan 2016
Posts: 1,664 |
Happy to help George! If you are looking to learn other subjects https://www.khanacademy.org/ is also an excellent resource.
Cheers,
Joe
|
|
|
|
|
|
|
|
|
|
|
|
|
Off-Topic
|
Joined: Dec 2002
Posts: 1,199
Expert
|
|
OP
Expert
Joined: Dec 2002
Posts: 1,199 |
Hi Joe,
Once again, thanks for the link. I will have a look after I have completed the HTML5 course.
Regards
George
Windows 11 64 bit, Biab 2024 1111, Realband 2024
i7 Desktop Computer 16Gb Memory
|
|
|
|
|
|
|
|
|
|
|
|
|
Off-Topic
|
Joined: Dec 2013
Posts: 2,732
Veteran
|
|
Veteran
Joined: Dec 2013
Posts: 2,732 |
The nice thing about pasting your own lines of HTML code whichever code snippet you use, is that you don't have to rely on another website to host your material or use their player. I like to be free of those 'tethers'.
Steve BIAB/RB 2022, Pro Tools 2020, Korg N5, JBL LSR 4328 Powered Monitors, AKG/Shure Mics.
PC: Win11 PRO, 4 TB M2 SSD, 2 TB HD, 128 GB Memory
|
|
|
|
|
|
|
|
|
|
|
|
|
Off-Topic
|
Joined: Aug 2011
Posts: 10,982
Veteran
|
|
Veteran
Joined: Aug 2011
Posts: 10,982 |
Georege, ++ Code Academy ++ is another FREE site that promotes learning about how-to-code and programming skills.
|
|
|
|
|
|
|
|
|
|
|
|
|
Off-Topic
|
Joined: Jun 2012
Posts: 3,876
Veteran
|
|
Veteran
Joined: Jun 2012
Posts: 3,876 |
There is a LOT of info available online about HTML5 but the link below is the best place to start... http://bfy.tw/8IF8
|
|
|
|
|
|
|
|
|
|
|
|
|
Off-Topic
|
Joined: Dec 2002
Posts: 1,199
Expert
|
|
OP
Expert
Joined: Dec 2002
Posts: 1,199 |
Hi Steve, Jim & John3,
Thanks for your help.
George
Windows 11 64 bit, Biab 2024 1111, Realband 2024
i7 Desktop Computer 16Gb Memory
|
|
|
|
|
|
|
|
|
|
|
|
Ask sales and support questions about Band-in-a-Box using natural language.
ChatPG's knowledge base includes the full Band-in-a-Box User Manual and sales information from the website.
|
|
|
|
|
|
|
|
|
|
|
Band-in-a-Box 2026 for Windows Special Offers End Tomorrow (January 15th, 2026) at 11:59 PM PST!
Time really is running out! Save up to 50% on Band-in-a-Box® 2026 for Windows® upgrades and receive a FREE Bonus PAK—only when you order by 11:59 PM PST on Thursday, January 15, 2026!
We've added many major new features and new content in a redesigned Band-in-a-Box® 2026 for Windows®!
Version 2026 introduces a modernized GUI redesign across the program, with updated toolbars, refreshed windows, smoother workflows, and a new Dark Mode option. There’s also a new side toolbar for quicker access to commonly used windows, and the new Multi-View feature lets you arrange multiple windows as layered panels without overlap, making it easier to customize your workspace.
Another exciting new addition is the new AI-Notes feature, which can transcribe polyphonic audio into MIDI. You can view the results in notation or play them back as MIDI, and choose whether to process an entire track or focus on specific parts like drums, bass, guitars/piano, or vocals. There's over 100 new features in Band-in-a-Box® 2026 for Windows®.
There's an amazing collection of new content too, including 202 RealTracks, new RealStyles, MIDI SuperTracks, Instrumental Studies, “Songs with Vocals” Artist Performance Sets, Playable RealTracks Set 5, two RealDrums Stems sets, XPro Styles PAK 10, Xtra Styles PAK 21, and much more!
Upgrade your Band-in-a-Box for Windows to save up to 50% on most Band-in-a-Box® 2026 upgrade packages!
Plus, when you order your Band-in-a-Box® 2026 upgrade during our special, you'll receive a Free Bonus PAK of exciting new add-ons.
If you need any help deciding which package is the best option for you, just let us know. We are here to help!
Band-in-a-Box® 2026 for Windows® Special Offers Extended Until January 15, 2026!
Good news! You still have time to upgrade to the latest version of Band-in-a-Box® for Windows® and save. Our Band-in-a-Box® 2026 for Windows® special now runs through January 15, 2025!
We've packed Band-in-a-Box® 2026 with major new features, enhancements, and an incredible lineup of new content! The program now sports a sleek, modern GUI redesign across the entire interface, including updated toolbars, refreshed windows, smoother workflows, a new dark mode option, and more. The brand-new side toolbar provides quicker access to key windows, while the new Multi-View feature lets you arrange multiple windows as layered panels without overlap, creating a flexible, clutter-free workspace. We have an amazing new “AI-Notes” feature. This transcribes polyphonic audio into MIDI so you can view it in notation or play it back as MIDI. You can process an entire track (all pitched instruments and drums) or focus on individual parts like drums, bass, guitars/piano, or vocals. There's an amazing collection of new content too, including 202 RealTracks, new RealStyles, MIDI SuperTracks, Instrumental Studies, “Songs with Vocals” Artist Performance Sets, Playable RealTracks Set 5, two RealDrums Stems sets, XPro Styles PAK 10, Xtra Styles PAK 21, and much more!
There are over 100 new features in Band-in-a-Box® 2026 for Windows®.
When you order purchase Band-in-a-Box® 2026 before 11:59 PM PST on January 15th, you'll also receive a Free Bonus PAK packed with exciting new add-ons.
Upgrade to Band-in-a-Box® 2026 for Windows® today! Check out the Band-in-a-Box® packages page for all the purchase options available.
Happy New Year!
Thank you for being part of the Band-in-a-Box® community.
Wishing you and yours a very happy 2026—Happy New Year from all of us at PG Music!
Season's Greetings!
Wishing everyone a happy, healthy holiday season—thanks for being part of our community!
The office will be closed for Christmas Day, but we will be back on Boxing Day (Dec 26th) at 6:00am PST.
Team PG
Band-in-a-Box 2026 Video: The Newly Designed Piano Roll Window
In this video, we explore the updated Piano Roll, complete with a modernized look and exciting new features. You’ll see new filtering options that make it easy to focus on specific note groups, smoother and more intuitive note entry and editing, and enhanced options for zooming, looping, and more.
Watch the video.
You can see all the 2026 videos on our forum!
Band-in-a-Box 2026 Video: AI Stems & Notes - split polyphonic audio into instruments and transcribe
This video demonstrates how to use the new AI-Notes feature together with the AI-Stems splitter, allowing you to select an audio file and have it separated into individual stems while transcribing each one to its own MIDI track. AI-Notes converts polyphonic audio—either full mixes or individual instruments—into MIDI that you can view in notation or play back instantly.
Watch the video.
You can see all the 2026 videos on our forum!
Bonus PAK and 49-PAK for Band-in-a-Box® 2026 for Windows®
With your version 2026 for Windows Pro, MegaPAK, UltraPAK, UltraPAK+, Audiophile Edition or PlusPAK purchase, we'll include a Bonus PAK full of great new Add-ons for FREE! Or upgrade to the 2026 49-PAK for only $49 to receive even more NEW Add-ons including 20 additional RealTracks!
These PAKs are loaded with additional add-ons to supercharge your Band-in-a-Box®!
This Free Bonus PAK includes:
- The 2026 RealCombos Booster PAK:
-For Pro customers, this includes 27 new RealTracks and 23 new RealStyles.
-For MegaPAK customers, this includes 25 new RealTracks and 23 new RealStyles.
-For UltraPAK customers, this includes 12 new RealStyles.
- MIDI Styles Set 92: Look Ma! More MIDI 15: Latin Jazz
- MIDI SuperTracks Set 46: Piano & Organ
- Instrumental Studies Set 24: Groovin' Blues Soloing
- Artist Performance Set 19: Songs with Vocals 9
- Playable RealTracks Set 5
- RealDrums Stems Set 9: Cool Brushes
- SynthMaster Sounds Set 1 (with audio demos)
- Android Band-in-a-Box® App (included)
Looking for more great add-ons, then upgrade to the 2026 49-PAK for just $49 and you'll get:
- 20 Bonus Unreleased RealTracks and RealDrums with 20 RealStyle.
- FLAC Files (lossless audio files) for the 20 Bonus Unreleased RealTracks and RealDrums
- MIDI Styles Set 93: Look Ma! More MIDI 16: SynthMaster
- MIDI SuperTracks Set 47: More SynthMaster
- Instrumental Studies 25 - Soul Jazz Guitar Soloing
- Artist Performance Set 20: Songs with Vocals 10
- RealDrums Stems Set 10: Groovin' Sticks
- SynthMaster Sounds & Styles Set 2 (sounds & styles with audio demos)
Learn more about the Bonus PAKs for Band-in-a-Box® 2026 for Windows®!
|
|
|
|
|
|
|
|
|
|
|
|
Forums57
Topics85,796
Posts796,265
Members39,960
| |
Most Online25,754
Jan 24th, 2025
|
|
|
|
|
|
|
|
|
Dansk
Deutsch - Windows
Español
Français - Windows
Italiano - Windows
Nederlands
Polski
Português
Svenskt
русский
Japanese
Simplified Chinese
Traditional Chinese
Korean