|
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,885
Veteran
|
|
Veteran
Joined: Aug 2012
Posts: 12,885 |
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: 6,038
Veteran
|
|
Veteran
Joined: Nov 2007
Posts: 6,038 |
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: 11,016
Veteran
|
|
Veteran
Joined: Aug 2011
Posts: 11,016 |
Georege, ++ Code Academy ++ is another FREE site that promotes learning about how-to-code and programming skills.
|
|
|
|
|
|
|
|
|
|
|
|
|
Off-Topic
|
Joined: Jun 2012
Posts: 3,892
Veteran
|
|
Veteran
Joined: Jun 2012
Posts: 3,892 |
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.
|
|
|
|
|
|
|
|
|
|
|
Update to Build 10 of RealBand® 2026 for Windows®!
If you're already using RealBand 2026 for Windows, download build 10 to get all the latest additions and enhancements.
Band-in-a-Box® 2025 for Mac® users: Build 904 now available!
If you're already using Band-in-a-Box® 2025 for Mac®, make sure to grab the latest update! Build 904 is now available for download and includes the newest additions and enhancements from our team.
Band-in-a-Box® 2026 for Windows® users: Build 1237 is now available!
Already a Band-in-a-Box 2026 for Windows user? Stay up to date and download the build 1237 to get all the latest additions and enhancements.
PowerTracks Pro 2026 for Windows is Here!
PowerTracks 2026 is here—bringing powerful new enhancements designed to make your production workflow faster, smoother, and more intuitive than ever.
The enhanced Mixer now shows Track Type and Instrument icons for instant track recognition, while a new grid option simplifies editing views. Non-floating windows adopt a modern title bar style, replacing the legacy blue bar.
The Master Volume is now applied at the end of the audio chain for consistent levels and full-signal master effects.
Tablature now includes a “Save bends when saving XML” option for improved compatibility with PG Music tools. Plus, you can instantly match all track heights with a simple Ctrl-release after resizing, and Add2 chords from MGU/SGU files are now fully supported... and more!
Get started today—first-time packages start at just $49.
Already using PowerTracks Pro Audio? Upgrade for as little as $29 and enjoy the latest improvements!
Order now!
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!
|
|
|
|
|
|
|
|
|
|
|
|
Forums57
Topics86,096
Posts800,192
Members40,034
| |
Most Online44,367
Mar 4th, 2026
|
|
|
|
|
|
|
|
|
Dansk
Deutsch - Windows
Español
Français - Windows
Italiano - Windows
Nederlands
Polski
Português
Svenskt
русский
Japanese
Simplified Chinese
Traditional Chinese
Korean