SitePoint Sponsor

User Tag List

Results 1 to 6 of 6

Thread: html and audio

  1. #1
    SitePoint Evangelist
    Join Date
    Mar 2011
    Location
    Bellingham, WA
    Posts
    450
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    html and audio

    Hello!


    I've been searching the web for an html solution to incorporating audio into my website and I feel a bit inundated with the options. I was hoping that someone with experience might be able to point me in the right direction based on what I'm looking for.

    Basically, I need some audio to better explain a set of formulas on a webpage. I'd like a really simple unobtrusive button that the user could press so that the audio plays, without them having to actually leave the page so that they can following along with visually and aurally.

    Any thoughts would be appreciated.

    Thank you,

    Eric

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,171
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    There are some very good, free plugins you can use to embed audio on your page, such as there:

    http://flowplayer.org/plugins/streaming/audio.html
    jPlayer : HTML5 Audio & Video for jQuery

  3. #3
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,656
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Here is the only cross browser way I was able to find back in the day. { visibility: inherit; } Play Sound onMouseOver Cross Browser/Operating System!

  4. #4
    Programming Since 1978 silver trophybronze trophy felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, NSW, Australia
    Posts
    16,809
    Mentioned
    25 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by kreut View Post
    I'd like a really simple unobtrusive button that the user could press so that the audio plays, without them having to actually leave the page so that they can following along with visually and aurally.
    <a href="audiofile">click to play audio</a>

    simplest way to do it and will work in all browsers - it just relies on your visitor having an appropriate program to play the audio already installed on their computer.
    Stephen J Chapman

    javascriptexample.net, Book Reviews, follow me on Twitter
    HTML Help, CSS Help, JavaScript Help, PHP/mySQL Help, blog
    <input name="html5" type="text" required pattern="^$">

  5. #5
    SitePoint Evangelist
    Join Date
    Mar 2011
    Location
    Bellingham, WA
    Posts
    450
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Thanks guys!

    Between the 3 of you I feel like I have some excellent and easy to implement options.

  6. #6
    Non-Member
    Join Date
    Oct 2007
    Location
    United Kingdom
    Posts
    622
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    Question

    I also have some interest in this and I thinking about what felgal said about the simple link. Could you keep someone on the same page and use a/many frame(s) in which the audio clip(s) plays?

    I have never used frames because I have never had a reason to, I know in general they are a bad thing, but wouldn't this work?


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
  •