HTML editting to stop and start audio files depending on location in website

Προϋπολογισμός $10 - $30 USD
Προσφορές 16
Μέση Προσφορά $88
Status Closed

Please see attached simple website. I want this to happen on firefox, internet explorer, safari:

1. when page LOADS FOR FIRST TIME, play "intro" audio.

2. when page LOADS FOR FIRST TIME, cursor is NOT in "first text box"

- - - - - - - - - - - - -

3. when user presses tab, cursor moves into "first text box" and "intro" audio stops playing and "one" audio starts.

4. when user presses tab so that cursor leaves "first text box" and moves to first "browse" button, audio "one" stops and audio "two" starts.

5. when user presses tab so that cursor is on second "browse" button, audio "two" stops, "three" starts

6. when user presses tab so that cursor is on third "browse" button, audio "three" stops, "four" starts

7. when user presses tab so that cursor is on fourth "browse" button, four stops, five starts

8. when user presses tab so that cursor is on fifth "browse" button, five stops, six starts

9. when user presses tab so that cursor is in "Second text box", six stops, seven starts.

10. when user presses tab so that cursor is on "click here" button, seven stops, eight starts

11. when user presses tab so that cursor is on "terms and conditions" link, eight stops, nine starts

12. when user presses tab so that cursor leaves "terms and conditions", audio "nine" stops and no audio file plays.

- - - - - - - - - - - - -

13. When

a. user ALT-TABS ONTO window which already shows page in, OR

b. selects page from the browser when it is already loaded, OR

c. keeps pressing tab after "terms and conditions" so that cursor returns to start of page



intro plays and the cursor is at the start of the page, ie. the cursor is not in a location where audio files one-to-nine play.

14. When user presses tab, return to 3. above.

The playing of sound files must not interrupt the other scripts on the HTML. The other scripts involve

1. entering information in "First text box",

2. entering information in "second text box",

3. uploading files, and

4. emailing files and information to me.

Thank you

Get Free Quotes For A Project Like This

Ψάχνετε να βγάλετε μερικά χρήματα;

  • Καθορίστε τον προϋπολογισμό σας και το χρονικό πλαίσιο
  • Σκιαγραφήστε την πρότασή σας
  • Πληρωθείτε για τη δουλειά σας

Προσφορές σε αυτή την Εργασία

  • salmandesignerux Profile Picture


    Lahore,  Pakistan

    I am professional UI / UX Designer and Wordpress Developer having more then ten experience in working everything related website designs, mobile app designs, wordpress development, ecommerce shopping store development, logo designs and all type of vector designs including animations.

  • ruiStudios Profile Picture


    singapore,  Singapore

    I have been building back end jobs for 3 years with defense experience. Off hand I have done multiple OS commerce websites

  • A2Design Profile Picture


    Mississauga,  Canada

    A2 Design Inc is a professional Russian-Canadian team of developers. We provide full cycle development: - create specifications - develop web applications - design UI/UX - and support your startup projects. We want you to succeed, so we truly believe in lean startup methodology: Launch fast, stay lean. Besides having development skills we have a ton of business insights how to build a startup right.

  • dominikgyecsek Profile Picture


    Aberdeen,  United Kingdom

    I am a Full Stack Developer based in Aberdeen. I have great knowledge of HTML, CSS, JavaScript, PHP, Databases, WordPress and creating cross-platform applications. I spend most of my time in improving my skills and learning about new technologies. My commitment is to deliver outstanding work to my clients in a short time. I like involving my clients in every detail of my work to tailor the experience of my product to their needs and establish long term relationship with them. Services -Logo Design -Custom, cross-browser compatible and responsive design -WordPress based CMS -PSD to HTML -Bug fixes, security and performance improvement on existing sites -Basic SEO and advertising -Cross-platform mobile (iOS, Android) and computer (Windows, Mac, Linux) applications built with web technologies. Please don't hesitate to contact me with any question you may have. I am always available via E-mail during working hours and I always respond back within 24 hours. www․dominikgyecsek․com

  • sachinaarya Profile Picture


    indore,  India

    I am having 7+ Years of Experience on web development and mobile app development. I want to use my skills in freelancer to provide my services all over the world.

  • usmughal90 Profile Picture


    Abbottabad,  Pakistan

    I am a Senior Developer with experience in building high quality sites and Desktop Applications. My experiences range from building Responsive mobile sites that work well cross-browser to building sites. I like working on projects with a team that cares about creating beautiful and usable interfaces. I have 5+ years of experience in my Development field. ★ My Distinction: 100% Job Success with excellent client feedback ★ My Motto: Quality,Creativity and client satisfaction ★ Areas of Work : Web/Software development and technical support Expertise in the following Skills: ✪ Wordpress ✪ Magento ✪ Drupal ✪ Custom PHP ✪ CSS/CSS3 ✪ JavaScript/jQuery ✪ Angular.JS ✪ Node.JS ✪ Ajax ✪ MySQL ✪ Bootstrap ✪ ASP.Net/ADO.Net in C# It's important to me to build long term relationships with clients, so I'm primarily looking for long term projects. I am flexible with my working hours and am happy to work closely with any existing freelancers you work with. I look forward to hearing from you!

  • expertprakash Profile Picture


    Kathmandu,  Nepal

    #WebProgrammer #InternetMarketing #SocialOptimization I am a social enthusiast excelling in major facets of internet marketing. I call myself Internet Marketing Manager, and have been tagged as a freelancer for about one decade which definitely adds extra flavors to my career. I adopt the mantra of internet marketing which comes with core values of integrity, client satisfaction, innovation and intellect. Why choose me: ♦ You love certainty which I provide to you. ♦ My core values of integrity, innovation & intellect make me different. ♦ You are partnering with a someone who cares. ♦ I always look for talented people to join me in servicing my clients. ♦ With my cool tricks I replace black marketing that are not authentic at all. Hire me for: ☆ Website Development - Opensource/PHP ☆ Social Marketing - Facebook/Twitter/Youtube ☆ Search Engine Marketing - Google/Bing/Yahoo ☆ Email Marketing Let's discuss & give shape to your idea.

  • artashapinyan Profile Picture


    Vanadzor,  Armenia

    Are you looking for a competent expert in implementing, fixing, reviewing, and optimizing any functionality with attention to details, quality, performance, architecture, and your expenses? Do you want to get high-quality, clear, fast and safe code and solutions? Hi!! I am Expert Developer and Data Scientist with 5+ years of experience and a Master's Degree in Computer Science. I have worked in a variety of positions over the last 5 years, including Senior Software Engineer, Statistician and Team Lead I enjoy working with good(smart and active) clients. I am fast, and try to complete job before my time. I have a working experience with REST APIs, Model View Controller (MVC), Social APIs (Facebook API, Google API, LinkedIn API, Twitter API). Also for client side HTML5,CSS3,SASS/LESS,bootstrap,,JavaScript,JQuery,JSON,XML....... Thank you in advance for your time and consideration. I look forward to working with you soon

  • zaadi Profile Picture


    FAROOQABAD,  Pakistan

    Good Day & Welcome, About Me: I'm Zahid Habib an expert Web and Application Designer & Developer currently working in UK based software development company and recently started freelancing just to build my own profile and reputation. What I do? The Answer is Designing! In Web, IOS Mobile Applications, Android Mobile Applications. What I did? I have completed many projects don't have even options to put all together here in one page but added some just for the reference to show my upcoming valuable clients like you...! And Finally.... Thank you for visiting my profile, contact me any time and I would love to provide you the best.

  • meghas27 Profile Picture


    begusarai,  India

    100% Dedicated Team for Best Customer Experience I have excellent experience in web designing and web development . I always prefer modern and elegant design. We are a professional website designing and developing company in India providing full range of services from a simple web page development to complex solutions. We also provide you the facility of 100% Money Back Guarantee service if a project fails to yield results. We provide fast and reliable support at short notice as our team is able to respond to the client's requirements at short notice