Автор: Официальный аккаунт разработчика WeChat

Чтобы добиться плавного переключения между мини-программами и видеоаккаунтами, команда WeChat предоставляет Мини программа - Интерфейс и компоненты видеономера,крышка Просмотр видео、Участвуйте в мероприятиях、Закажите прямой эфир、Смотреть в прямом эфире、Посмотреть домашнюю страниц и других распространенных сценариев, с меньшим количеством кода, более эффективными вызовами и более плавной работой!

Приходите и узнайте, как применять его эффективно! 👇

Уведомление:до формального развития,Разработчикам необходимо получить следующие параметры,В противном случае вызов не будет успешным.

👈Проведите пальцем влево или вправо, чтобы просмотреть операции👉

Просмотр видео

Использование Мини программав процессе,Богатый видеоконтент позволяет пользователям более полно и удобно понять продукт.,Ускорьте эффективность монетизации,Помогите брендам получить больше возможностей для привлечения внимания.

В случае одного и того же предмета или разных предметов разработчики могут вызвать интерфейс, чтобы реализовать изменение с Мини. программа переключает видеоэффект указанного номера видео.

Предпосылки:Мини программаивидео№ — та же тема или связанная тема

Интерфейс вызова:channel-video Переключиться на видео с номером видео без всплывающего окна

<channel-video  feed-id="yourfeedid" // видео ID  finder-user-name="yourfindusername" // видео Число ID  binderror="binderror"></channel-video>

Предпосылки:Нет требований к предмету

Интерфейс вызова:wx.openChannelsActivity Есть всплывающее окно для переключения на видеоаккаунт видео.

wx.openChannelsActivity({  feedId: "yourfeedid", // видео ID  finderUserName: "yourfindusername", // видео Число ID})

Участвуйте в мероприятиях

Возьмем, к примеру, индустрию электронной коммерции.,Продавец надеется, что пользователь завершит процесс покупки на Мини-программе.,женьшеньичиновниквидео Числоотзывы пользователей Активность,Обогащайте контент услуг. в это время,проходить Мини программа Перейти прямовидео Число Активность Страница может быстро удовлетворить потребности сцены.。

Теперь разработчикам нужно только 4 Быстро реализуйте Mini с помощью всего лишь одной строки кода программавыключательвидео Число Активностьэффект страницы。

Предпосылки:Мини программаивидео№ — та же тема или связанная тема

Интерфейс вызова:wx.openChannelsEvent

wx.openChannelsEvent({  finderUserName: "yourfindusername", // видео Число ID  eventId: "eventid", // Активность id,Доступно на「видео Числопомощник」-「Управление контентом」-「Активностьуправлять」получать})

Закажите прямой эфир

Если взять в качестве примера игровую индустрию, провайдеры игр используют Mini программа создает коммуникационное сообщество, и мы также надеемся, что в Мини Сообщество программы делится информацией о предварительном просмотре прямой трансляции игры, чтобы пользователи могли своевременно смотреть. в прямом эфире, улучшить общественную активность.

Теперь разработчики напрямую звонят 2 Интерфейс может быть реализован в Mini программа Быстрая встречавидео Числопрямая трансляция。

Предпосылки:Мини программаивидео№ — та же тема или связанная тема

Интерфейс вызова:

• wx.getChannelsLiveNoticeInfo Получите информацию о предварительном просмотре прямой трансляции
• wx.reserveChannelsLive Закажите прямой эфир

// получатьвидео Числопрямая трансляция Предварительный информация о просмотре wx.getChannelsLiveNoticeInfo({  finderUserName: "yourfindusername", // видео Число ID  success(res) {    res.noticeId // Предварительный просмотр id    res.status // Предварительный просмотрсостояние,0: В наличии, 1: Отмена, 2: Использовал    res.startTime // время начала    res.headUrl // Живая кавер    res.nickname // видео Число Никнейм    res.reservable // Можно ли записаться на прием?  }})
// бронироватьвидео Числопрямая трансляцияwx.reserveChannelsLive({  noticeId: "noticeid" // вышеполучать Приехалпрямая трансляция Предварительный просмотр id})

Смотреть в прямом эфире

Если взять в качестве примера сферу образования, пользователи Mini Просматривая информацию о продукте, программа может своевременно узнавать подробную информацию о продукте посредством прямой трансляции, что может в определенной степени увеличить количество заказов и количество повторных покупок. Поэтому Мини Предоставлено командой программы 3 интерфейс удовлетворяет Мини программавыключательвидео Числопрямая трансляция Требования к сценарию。

Разработчикам следует обратить внимание: разные статусы прямой трансляции приведут к появлению разных страниц для непосредственного переключения на видеоаккаунт:

• Прямой эфир не начался:показать предыдущее шоупрямая трансляцияконечная страница
• Прямая трансляция:показыватьпрямая трансляциястраница
• Прямой эфир закончился (повтора нет):показыватьпрямая трансляцияконечная страница
• Прямой эфир завершился (доступен повтор):показыватьпрямая страница воспроизведения трансляции

Пример окончания прямого эфира без повтора

Теперь разработчики могут 3 интерфейс реализует Мини программапрямой Просмотр Эффект прямой трансляции на видео.

Предпосылки:Мини программаивидео№ — та же тема или связанная тема

Интерфейс вызова:wx.getChannelsLiveInfo Получить информацию о прямой трансляции видеоаккаунта

// page.js Получить информацию о прямой трансляции видеоаккаунтаwx.getChannelsLiveInfo({  finderUserName: "yourfindusername", // видео Число ID  startTime: "", // время начала  endTime: "", // время окончания  success(res) {    res.feedId // прямая трансляция feedId    res.nonceId // прямая трансляция nonceId    res.status // прямая трансляциясостояние,2: прямая трансляциясередина、3: прямая трансляция Заканчивать    res.description // прямая трансляциятема    res.replayStatus // видео Число Воспроизведениесостояние,0: Не создано, 1: Сгенерировано, 3: Генерирующий, 6: Истекший    res.otherInfos // За исключением самой последней прямой трансляцияснаружи,Другиепрямая трансляциясписок  }})

Предпосылки:Мини программаивидео№ — та же тема или связанная тема

Интерфейс вызова:channel-live Переключить живую страницу без всплывающего окна

// page.wxml видео Числопрямая трансляциякомпоненты<channel-live  feed-id="yourfeedid" // прямая трансляция feedId  finder-user-name="yourfindusername" // видео Число ID></channel-live>

Предпосылки:Мини программаивидео№ — та же тема или связанная тема

Интерфейс вызова:wx.openChannelsLive Есть всплывающее окно для переключения страницы прямой трансляции.

// Открытьвидеопрямая трансляцияwx.openChannelsLive({  finderUserName: "yourfindusername", // видео Число ID  feedId: "livefeedid", // вышеполучать Приехалпрямая трансляция feedId  nonceId: "livenonceid", // вышеполучать Приехалпрямая трансляция nonceId})

Посмотреть домашнюю страницу

Помимо удовлетворения потребностей пользователей в видеоконтенте и контенте прямых трансляций, команда WeChat предоставляет специальный интерфейс для перехода непосредственно на домашнюю страницу видеоаккаунта, что позволяет пользователям быстро просматривать весь контент видеоаккаунта.

Разработчикам нужно только 3 Быстро реализуйте Mini с помощью всего лишь одной строки кода программавыключательвидео Числохозяинэффект страницы：

Предпосылки:Мини программаивидео№ — та же тема или связанная тема

Интерфейс вызова:wx.openChannelsUserProfile

wx.openChannelsUserProfile({  finderUserName: "yourfindusername" // видео Число ID})

Разработчики выбирают подходящие интерфейсы/компоненты на основе различных сценариев применения и предметных требований для удовлетворения потребностей пользователей.

В будущем различные возможности WeChat будут продолжать тесно сотрудничать, чтобы обеспечить более удобный пользовательский интерфейс, поддерживать более богатые интерфейсы разработки и создавать лучшую экосистему!

Если у вас есть дополнительные вопросы, связанные с интерфейсом, нажмите Открытое сообщество WeChat Оставьте отзыв, и технические специалисты ответят на ваши вопросы и проведут углубленное обсуждение.

Преимущества обложки красного конверта

Нажмите на карточку, чтобы войти в официальный аккаунт аккаунта.

отвечать：2023 Участвуйте в лотерее обложек