• 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?
0
Mark
Asked:
Mark
  • 3
  • 2
1 Solution
 
skijCommented:
You could use Adobe Flash, HTML5 or the <embed> tag for this.
0
 
skijCommented:
0
 
skijCommented:
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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Example</title>
<style type="text/css">

</style>
</head>
<body>

<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">
  <object>
    <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>
  </object>
</audio>

</body>
</html>

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.
0
 
MarkProgrammerAuthor Commented:
Thanks, I will try this out Thursday when I get back to my office.
0
 
MarkProgrammerAuthor Commented:
Perfect, thanks
0
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