5 Replies Latest reply: Jul 27, 2014 7:35 AM by Sanjit_Das RSS

    How to link sound to a button?

    JerryPF Community Member
    JerryPF Jul 21, 2014 2:01 PM

      I've created a children's educational slide with 12 photoshop buttons. I want each button's mouse-down state to play a separate sound. I've hyperlinked the sound files (.mp3), but they launch an audio player. Is it possible to play the sound without moving to the player on a new screen or tab? Basically, when you click the image the sound plays, and you stay on the start screen.

       

      This isn't a website, I'm producing HTML to be assembled in an educational portal.

       

      Any help will be greatly appreciated. Thanks, Jerry

        • 1. Re: How to link sound to a button?
          Sanjit_Das Employee Hosts
          Sanjit_Das Jul 21, 2014 9:33 PM (in response to JerryPF)

          Hi Jerry

           

          You would need to achieve this by adding script to your page, using script you can make the function for sound on click or rollover.

          Steps defined here :

          http://webdesign.about.com/od/sound/a/play_sound_oncl.htm

           

          Thanks,

          Sanjit

          • 2. Re: How to link sound to a button?
            JerryPF Community Member
            JerryPF Jul 21, 2014 10:03 PM (in response to Sanjit_Das)

            Hi Sanjit and thanks for your quick reply.

            I see how this works with the tag playing the sound, but how can I make the mouse down state of each button play their individual sounds? Can I add a script to Photoshop button?

            Best wishes, Jerry

            • 3. Re: How to link sound to a button?
              Sanjit_Das Employee Hosts
              Sanjit_Das Jul 21, 2014 10:28 PM (in response to JerryPF)

              Hi Jerry

               

              I have not tried this personally , but I believe you will have to insert html differently for all buttons if you want different buttons to play different sounds.

              So the script code will be same for all but html content where you will link the sound files while inserting needs to be done for all separate buttons on page.

               

              Thanks,

              Sanjit

               

              • 4. Re: How to link sound to a button?
                JerryPF Community Member
                JerryPF Jul 22, 2014 12:37 AM (in response to Sanjit_Das)

                Hi Sanjit

                 

                I originally linked the mouse down state of the Photoshop button (with hyperlink) to the .mp3 file, which opens an audio player in a new window.

                 

                With the mouse down state selected, I've chosen Object > Insert HTML and put in the name of the sound file. This just creates a text box in the centre of my screen. Anyway, I didn't know how to navigate the HTML editor to the file correctly, so nothing played.

                 

                If I can't add a script to the down state in Muse, can I add code to the exported HTML in Dreamweaver? What code would I need? (only a beginner in Dreamweaver) I do realise that I could no longer take the updated HTML back into Muse, but that won't be a problem.

                 

                Thanks, Jerry

                • 5. Re: How to link sound to a button?
                  Sanjit_Das Employee Hosts
                  Sanjit_Das Jul 27, 2014 7:35 AM (in response to JerryPF)

                  Hi Jerry

                   

                  For this specific requirement , I would suggest you to get in touch with some expert who can write the code for you.

                   

                  Thanks,

                  Sanjit