スマホなどで非アクティブからアクティブになった時にアクション

 focus イベントハンドラ

window.onfocus はいかがでしょうか。
(addEventListenerを使うと上書きされる心配がなくなります。)
https://developer.mozilla.org/ja/docs/Web/Events/focus

※音を鳴らす動作は敬遠される場合があるのでユーザが音のOn/Offを設定出来ると良いと思います。

 audio要素の API サポート状況

iPhone で動作しないとのことですが、onfocus を確認する前にaudio要素のAPIサポート状況を確認する必要があると思います。
HTMLMediaElement#play が存在するのか。

alert('play' in document.getElementById("play-sound"));

iOS Safari で再生可能な音楽フォーマットを使っているのか。

• HTMLMediaElement - Web APIs | MDN
• Media formats supported by the HTML audio and video elements - HTML | MDN

 Page Visibility API

iOS Safari では window.onfocus が動作しないようなので Page Visibility API を併用します。

• Page Visibility - Can I use...

'use strict';
function handleVisibilitychange (event) {
  var doc = event.target;

  if (doc.visibilityState === 'visible') {
    alert(event.target.visibilityState);
    doc.getElementById('play-sound').play();
  }
}

function handleFocus (event) {
  alert(event.type);
  event.currentTarget.document.getElementById('play-sound').play();
}

if ('visibilityState' in document) {
  document.addEventListener('visibilitychange', handleVisibilitychange, false);
} else if ('onfocus' in this) {
  addEventListener('focus', handleFocus, false);
}

Re: kouji20 さん