Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
</head>
<body>
This is a demo of a <a href='http://stackoverflow.com/questions/11035890/html5-audio-behavior'>severe HTML5 audio bug</a> on Android browser.
<ol>
<li> Click play to start the track.
<li> Pause the track a moment later.
<li> Call your phone and hang up once it starts ringing.
<li> The track resumes playback. It's almost like TELEPATHY!
</ol>
<audio controls src='http://feeds.kcrw.com/~r/kcrw/tt/~5/crS7Mrrzv0c/tt_2012-07-25-191952.6929.mp3'></audio>
 
<div id='log'></div>
  
  Notes:
  
<ol>
 <li> This also happens whenever you receive a text message, and probably other system events, which happens a lot if you receive notifications from Google calendar for example, and wakes you up in the middle of the night.
 <li> Even more fun, the "play" event doesn't fire when it resumes playing.
 <li> There is probably a workaround for this, which is to manually track playback state by monitoring what controls the user has clicked.
</ol>
  
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
mahemoffpro
0viewers