Кордова/Телефонная связь Запрет фоновой музыки от паузы при использовании приглушенного встроенного видео

Question

В моем приложении я собираюсь показать страницу входа, в которой есть html5-видео в фоновом режиме. Видео клип не содержит аудио-клип, и видео есть "приглушенный" атрибут ..

Код

<video webkit-playsinline playsinline autoplay muted="muted" loop poster="resources/video/login_placeholder.png" id="bgvid"> 
 
    <source src="resources/video/login_web_noaudio.mp4" type="video/mp4"> 
 
</video>

Мой вопрос

При открытии этого при воспроизведении музыки в фоновом режиме (например, от Apply Music или Spotify), фоновая музыка получает приостановлена!

Я не хочу, чтобы фоновая музыка была приостановлена. Это ужасно для пользователя.

Я попытался найти решения и плагины, но мне еще предстоит преуспеть. Кто-нибудь знает, как предотвратить прерывание медиа/аудио?

Answer 1

хочет воспроизводить аудио/видео одновременно,

Одним из вариантов решения будет иметь аудио внутри видео (как код перехода на аварийном режиме), а затем синхронизировать их с помощью JavaScript. Что-то вроде этого:

<video id="myvideo" controls muted> 
    <source src="path/to/video.mp4" type="video/mp4" /> 
    <audio id="myaudio" controls> 
     <source src="path/to/audio.mp3" type="audio/mpeg"/> 
    </audio> 
</video> 

<script> 
    var myvideo = document.getElementById("myvideo"); 
    var myaudio = document.getElementById("myaudio"); 
    myvideo.onplay = function() { myaudio.play(); } 
    myvideo.onpause = function() { myaudio.pause(); } 
</script> 

просто посмотреть на эту скрипку: http://jsfiddle.net/9ogmjq5m/