• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 167
  • Last Modified:

Add 'birds singing' to homepage

I have a fullscreen image of an oceanfront property ... what is the simplest or best method for implementing something like birds singing in the background?
  • 3
  • 2
1 Solution
You could use Adobe Flash, HTML5 or the <embed> tag for this.
If you want a really simple cross-browser solution, try this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">


<h1>Hello World</p>

<audio autoplay="autoplay">
  <source src="http://www.pdsounds.org/audio/download/604/bird_sound.mp3" type="audio/mpeg">
  <source src="http://upload.wikimedia.org/wikipedia/commons/5/53/Blue_winged_pitta_-_Pitta_moluccensis.ogg" type="audio/ogg">
    <param name="autostart" value="true">
    <param name="src" value="http://www.pdsounds.org/audio/download/604/bird_sound.mp3">
    <param name="autoplay" value="true">
    <param name="controller" value="false">
    <embed src="http://www.pdsounds.org/audio/download/604/bird_sound.mp3" controller="false" autoplay="true" autostart="true" type="audio/mpeg"></embed>


Open in new window

Please note:  for this to be fully cross-browser comparable you will need the audio in both MP3 and OGG formats.
MarkProgrammerAuthor Commented:
Thanks, I will try this out Thursday when I get back to my office.
MarkProgrammerAuthor Commented:
Perfect, thanks
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now