midi files will not play on my website

Discussion in 'HTML & Website Design' started by donnag64, Nov 4, 2013.

  1. #1
    Hi
    I have two different websites and both of them used to play the midi files I had on them.
    I don't know if it is something to do with my computer all of a sudden.

    Has anyone had this same problem all of a sudden?

    Hope someone can help me. Thanks
     
    donnag64, Nov 4, 2013 IP
  2. ryan_uk

    ryan_uk Illustrious Member

    Messages:
    3,983
    Likes Received:
    1,022
    Best Answers:
    33
    Trophy Points:
    465
    #2
    You may no longer have the required plugin installed (or it's disabled). It's a bad idea to use midi files. You would be better off converting (recording?) the file to MP3. If the site is HTML5-based then you could use the audio tags, but this isn't supported by every browser. So, you would need to also code a cross-browser compatible fall-back using Flash (it still won't cover 100% browsers, but will be a lot better than midi).
     
    ryan_uk, Nov 4, 2013 IP
  3. donnag64

    donnag64 Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #3
    What do you mean by plugin disable or installed? Would I be allowed to used music mp3 without permission? I have an online memory site and each memorial page has its own music (midi). My website is onlinememorypages.com can you tell me if it plays on your computer?
     
    donnag64, Nov 4, 2013 IP
  4. ryan_uk

    ryan_uk Illustrious Member

    Messages:
    3,983
    Likes Received:
    1,022
    Best Answers:
    33
    Trophy Points:
    465
    #4
    When I visit with Chrome it wants to install a plugin. Browsers can't play a midi file natively. They need additional software (often called a plugin) to do this.

    As long as you own the rights to the music, you can have it on your website as mp3 (you would also need the rights if you have it there as a midi).

    I know this is going off-topic, but regarding this site: it needs a small step out of the 1990s. Don't specify a minimum a resolution, but instead make it "responsive" so that it works on all displays - particularly important as many people now use smartphones and tablets to browse the internet.
     
    ryan_uk, Nov 4, 2013 IP
  5. donnag64

    donnag64 Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #5
    Don't specify a minimum a resolution, but instead make it "responsive" so that it works on all displays - particularly important as many people now use smartphones and tablets to browse the internet.

    How do you make it "responsive"?
     
    donnag64, Nov 5, 2013 IP
  6. ryan_uk

    ryan_uk Illustrious Member

    Messages:
    3,983
    Likes Received:
    1,022
    Best Answers:
    33
    Trophy Points:
    465
    #6
    There are a few ways to do this (personally I prefer semi-fluid). I would recommend reading up a bit on responsive design (search Google/Bing for "responsive web design") and choose an approach that fits your needs.

    Also, take a look at posts by @deathshadow:
    https://forums.digitalpoint.com/members/deathshadow.81916/

    As he has made some great ones recently about how to make a responsive design. Particularly the posts in:
    https://forums.digitalpoint.com/threads/do-i-need-html5.2686919/

    His style of posting might take a bit of getting used to, but he definitely knows his stuff and provides a lot of good advice.
     
    ryan_uk, Nov 5, 2013 IP
  7. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #7
    First off, Auto-playing music is a relic of the '90's for a reason. AS A USER if I'm sitting here rocking out to Motorhead, the LAST thing I want is some website to start blaring some crappy tone-deaf Whiney Houston song over the same speakers. There's a reason it is on EVERY "How not to build a website" list of the previous decade.

    Likewise, MIDI support is... well, disappearing unless you're a professional musician. MIDI on a website? Not anymore.

    Finally, I can tell you exactly what's wrong simply by viewing the code:

    <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" 					codebase="http://www.apple.com/qtactivex/qtplugin.cab" style="width:240px; height:16px">
    	<param name="src" value="alwaysluvu.mid" />
        	<param name="controller" value="true" />
    	<object type="video/quicktime" data="alwaysluvu.mid" style="width:240px; height:16px">
          <param name="autoplay" value="false" />
          <param name="controller" value="true" />
    	<param name="loop" value="false" />
          </object>
          </object>
    Code (markup):
    You're trying to play midi using the quicktime video plugin. First, anyone who doesn't have quicktime installed isn't going to get playback... second, that steaming pile of crap ALSO went the way of the dodo on anything other than a quackintosh for a REASON. (and to think people bitch about flash...) ALSO putting the CLSID version AROUND the normal one doesn't actually work, just because those screw up the whole process really bad.

    Though on the whole that page is knee deep in decade and a half out of date methodologies and major accessibility failings. It's a laundry list of how not to build a website that like many others pretty much should be thrown away and started over with modern methodology and an eye towards accessibility.
     
    Last edited: Nov 5, 2013
    deathshadow, Nov 5, 2013 IP
    ryan_uk likes this.
  8. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #8
    Oh, side note... in the new scripting there IS an API in development for doing MIDI... but really that's more for music in games or for building midi applets, not for playing music on normal websites.

    http://webaudio.github.io/web-midi-api/

    It is also nowhere NEAR ready for real world use, with beta support only in the latest daily builds of chrome. There ARE already polyfills/shims for it, but they require the installation of a plugin -- which brings us back to your problem that MIDI isn't playing without the right plugins installed.

    Trust me, I know just a little bit about MIDI in the modern era.
    http://www.ewiusb.com/
     
    deathshadow, Nov 5, 2013 IP