Тестирование должно проводиться на реальной машине. Инструменты разработчика WeChat не могут выполнять тестирование.
видео поддержка
поддержка живых игроков
Поэтому я решил использовать liveplayer для апплета WeChat и видео в приложении.
Примечание: используйте live-плеер Примечание для компонентов: при публикации в Mini. программа, вам нужно сначала пройти каждую Мини Обзор программы. Мини указанной категории программаможно использовать(Категория мини-программ WeChat、Категория мини-программ Baidu),После прохождения проверки,Мини Фон управления программой обеспечивает самообслуживаемый доступ к этому компоненту.
<!-- #ifdef APP-PLUS --> <video id="myVideo" :src="url" autoplay :controls="btnToggle"> <!-- <cover-view class="btn-toggle" v-if="btnToggle" @click="quitFullScreen"> Выйти из полноэкранного режима </cover-view>--> <!-- <view class="btn-toggle" v-if="btnToggle" @click="quitFullScreen"> Выйти из полноэкранного режима </view> --> </video> <!-- #endif --> <!-- #ifdef MP-WEIXIN --> <live-player id="live-video" :src="url" autoplay> <cover-view class="btn-toggle" v-if="btnToggle" @click="quitFullScreen"> Выйти из полноэкранного режима </cover-view> </live-player> <!-- #endif -->
Для прикрытия live-плеера в мини-программе необходимо использовать Cover-View. Live-плеер является нативным компонентом и имеет более высокий уровень, чем фронтенд-компонент. Пожалуйста, не используйте его в режиме прокрутки, свайпера. , вид выбора или подвижный вид.
Потому что живой игрок Нет кнопок полноэкранного режима и выхода, используйте обложку Добавьте к нему Выйти из полноэкранного кнопка режима
// Перейти в полноэкранный режим
fullScreen(){
// #ifdef APP-PLUS
// const subNvue=uni.getSubNVueById('popup'); //Получать
// subNvue.show() // показывать
this.videoContext = uni.createVideoContext('myVideo');
// Перейти в полноэкранный режим СТАТУС
this.videoContext.requestFullScreen();
this.btnToggle=true;
// #endif
// #ifdef MP-WEIXIN
this.videoContext = uni.createLivePlayerContext('live-video');
this.videoContext.requestFullScreen({direction:90});
this.btnToggle=true;
// #endif
},
// Выйти из полноэкранного режима
quitFullScreen(){
// #ifdef APP-PLUS
this.videoContext = uni.createVideoContext('myVideo');
// Перейти в полноэкранный режим СТАТУС
this.videoContext.exitFullScreen();
this.btnToggle=false;
// const subNvue=uni.getSubNVueById('popup');
// subNvue.hide() //скрывать
// #endif
// #ifdef MP-WEIXIN
this.videoContext = uni.createLivePlayerContext('live-video');
this.videoContext.exitFullScreen();
this.btnToggle=false;
// #endif
},
Также добавьте полноэкранный режим и Выйти из полноэкранного кнопка режима
Попытка добиться того же эффекта кнопки выхода из полноэкранного режима для видео в приложении не увенчалась успехом. Его нельзя было отобразить в полноэкранном режиме, и в конце концов невозможно было использовать nvue. , встроенный полноэкранный режим можно было только открыть.