Хобрук: Ваш путь к мастерству в программировании

Cordova / Phonegap Предотвращение приостановки фоновой музыки при использовании встроенного видео с отключенным звуком

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

The code 

 <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) фоновая музыка приостанавливается!

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

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

cordova javascript html phonegap-plugins
25.12.2016

  • Вы нашли решение для этого? 06.03.2018

Ответы:


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/

26.12.2016
Новые материалы
Прогресс в технологии Трансформеров часть 3
Многомасштабный управляющий сигнальный преобразователь для бесфазного синтеза движения (arXiv) Автор: Линтао Ван , Кун Ху , Лей Бай , Юй Дин , Ваньли Оуян , Чжиюн Ван . Аннотация:..
Представляем поддержку компонентов Vue.js. Мгновенный HMR и многое другое.
Хотя у FuseBox уже был плагин Vue, он был базовым и не имел многих функций, которые делали работу с Vue.js такой приятной. Однако с этим выпуском мы рады сообщить, что в FuseBox..
Приключения в Javascript, часть 1
Я продолжаю думать о том, чтобы писать больше, но чем больше я думаю об этом, тем меньше я это делаю. Итак, сегодня я перестал думать и начал писать. Отсюда можно только спускаться… В..
Понимание дженериков в TypeScript: подробное руководство
Введение TypeScript, строго типизированный надмножество JavaScript, хорошо известен своей способностью улучшать масштабируемость, удобочитаемость и ремонтопригодность приложений. Одной из..
Учебные заметки JavaScript Object Oriented Labs
Вот моя седьмая неделя обучения программированию. После ruby ​​и его фреймворка rails я начал изучать самый популярный язык интерфейса — javascript. В отличие от ruby, javascript — это более..
Разбор строк запроса в vue.js
Иногда вам нужно получить данные из строк запроса, в этой статье показано, как это сделать. В жизни каждого дизайнера/разработчика наступает момент, когда им необходимо беспрепятственно..
Предсказание моей следующей любимой книги 📚 Благодаря данным Goodreads и машинному обучению 👨‍💻
«Если вы не любите читать, значит, вы не нашли нужную книгу». - J.K. Роулинг Эта статья сильно отличается от тех, к которым вы, возможно, привыкли . Мне очень понравилось поработать над..