SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Enthusiast
    Join Date
    Aug 2012
    Location
    France and London
    Posts
    44
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Web site play sound button that is visible on mobile devices

    I am a freelance voice over talent for TV stations and am recreating my site

    For sound only, I am using two types of "play" button

    Mp3 to swf converter software (but flash not visible on Iphones)
    “Insert sound” as provided by Serif WebX5 (but this can lead to a new page opening depending on how is wma or mp3 is handled by viewers pc)

    I have in the past used JW player when I displayed the show video on my site with the sound (me) but have decided to remove the video as it could raise serious copyright issues!

    What is the best play button app to play sounds that is visible on mobiles ?

    Many thanks for your advice / comments /views

    Peter

    Authoring software serif WEB +x5

    prev site created with Dreamweaver
    Last edited by Stevie D; Aug 16, 2012 at 04:17. Reason: Unnecessary link removed

  2. #2
    SitePoint Wizard
    Join Date
    Dec 2005
    Posts
    1,711
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi audiotx

    I suggest you have a try with the HTML 5 audio element, though no support for IE 7 and 8 desktop (flash backup might be needed?):

    HTML Code:
    <audio controls="controls">
      <source src="houseTrack.ogg" type="audio/ogg" />
      <source src="houseTrack.mp3" type="audio/mpeg" />
      Your browser does not support the audio element.
    </audio>
    Barry
    The more you learn.... the more you learn there is more to learn.

  3. #3
    SitePoint Enthusiast
    Join Date
    Aug 2012
    Location
    France and London
    Posts
    44
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you very much. I had not noticed this element before. Indeed it is a further point that makes me feel I should return to my previous software to use fully HTML5 and allow CSS editing
    If you are able to mention what authoring software you use that would be most welcome.

  4. #4
    SitePoint Wizard
    Join Date
    Dec 2005
    Posts
    1,711
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You'll just need to change your doctype to:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8">

    Then start using all the HTML5 elements as needed, <video> also works in the same way - If its just mobile you're concerned about everything should work.

    Regarding authoring software,
    I use netbeans on the mac, but dreamweaver code view should do the trick, notepad++ even... many to choose from that are free.

    Barry
    The more you learn.... the more you learn there is more to learn.

  5. #5
    SitePoint Enthusiast
    Join Date
    Aug 2012
    Location
    France and London
    Posts
    44
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you again very much

  6. #6
    SitePoint Wizard
    Join Date
    Dec 2005
    Posts
    1,711
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No worries,

    This might be a good reference - https://developer.mozilla.org/en-US/...udio_and_video

    And after you've mastered some HTML 5... start reading up on responsive design.

    Good luck!
    The more you learn.... the more you learn there is more to learn.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •