이 기사에서는 주로 WeChat 애플릿 라이브 푸셔의 함정을 공유합니다. 최근에는 WeChat 애플릿을 사용하여 실시간 호출을 구현하고 있습니다. 그 과정에서 많은 함정을 밟았기 때문에 모두에게 도움이 되기를 바라며 여기에 요약하겠습니다.
1 문제: 라이브 플레이어 재생 중 소리가 나지 않습니다.
원인: 라이브 푸셔에서 시작, 중지, 재개 및 기타 작업을 수행할 때 재생 중인 모든 라이브 플레이어 사운드가 중지됩니다. (라이브 푸셔의 일시 정지를 호출하면 이 문제가 발생한다는 사실은 확인되지 않았습니다.)
두 가지 해결 방법:
첫 번째는 라이브 플레이어 재생 후 라이브 푸셔를 작동하지 않는 것입니다. 예를 들어 페이지에 들어가서 라이브 푸셔를 직접 활성화한 다음 더 이상 작업을 수행하지 마십시오. 공식 DEMO에서는 이 솔루션을 사용합니다.
두 번째 방법은 라이브 푸셔를 각각 조작한 후 라이브 플레이어의 플레이 조작을 다시 호출하는 것입니다(호출 시 약간의 지연이 필요한 느낌입니다). 그러나 이로 인해 재생되는 라이브 플레이어 오디오 및 비디오가 잠시 중단될 수 있으며 경험이 그다지 좋지 않으므로 비즈니스가 허용하는 경우 첫 번째 방법을 더 권장합니다.
2 문제: 라이브 푸셔 호출이 시작된 후 무작위로 나타나고 성공적으로 반환되지만 비디오가 표시되지 않습니다.
원인: 이 경우 OnPush 콜백이 수신되지 않습니다. 페이지 태그 초기화, URL 설정, 호출 시작 시점과 관련된 것으로 보입니다.
해결책:
OnLoad 중에 라벨의 URL을 설정하세요. wx.createLivePusherContext에 대한 호출은 onReady 뒤에 배치되어야 합니다. 처음에 URL을 설정할 수 없는 경우 wx:if를 사용하여 wxml에서 live-pusher 태그를 제어하고 URL이 설정될 때까지 기다릴 수 있습니다.
3 문제: 활성화 카메라 속성이 잘못된 것 같습니다
해결책: bool 유형 속성을 작성하는 올바른 방법은 다음과 같아야 합니다: [enable-camera="{{enable}}" ]
4 문제: 라이브 푸셔 호출 시작 후 성공, 실패, 완료에 대한 수신 콜백이 호출되지 않고 영상도 표시되지 않습니다
원인: 특정 테스트에서 카메라 권한 신청 팝업이 뜰 때 거부되었습니다. 이 설정은 WeChat 계정에 바인딩되어 있습니다. 특정 WeChat 계정이 표시되지 않는 경우가 있을 수 있습니다.
해결 방법: WeChat에서 검색->미니 프로그램을 클릭하고 거기에서 앱을 삭제한 다음 QR 코드를 스캔하여 다시 입력하면 권한 신청이 다시 팝업되며 동의하면 됩니다.
5 질문: wxml 및 wx:for를 사용하여 배열을 라이브 플레이어 그룹에 바인딩할 때 배열 콘텐츠가 여러 번 수정되면 인터페이스에 라이브 플레이어가 하나 더 생깁니다. 여러 번의 테스트 끝에 배열의 내용이 맞는 것으로 확인되었습니다
이유: 제 생각엔 이게 가장 놀라운 BUG이고 무슨 일이 일어났는지 명확하게 설명하기 어렵지만 다행히 해결책을 찾았습니다.
해결책: '"usingComponents": {}' 문장을 .json 파일에 추가하기만 하면 됩니다.
6 문제: iPad 버전 WeChat에서 미니 프로그램의 QR 코드를 스캔하는 것이 유효하지 않습니다.
이유: 미니 프로그램은 현재 휴대폰만 지원합니다.
7 질문: live-pusher는 렌더링이 실패하고 액세스가 거부되었다는 빨간색 오류를 보고했습니다.
이유: live-pusher는 현재 일부 애플리케이션 카테고리에만 열려 있으며 웹사이트에서 설정해야 합니다. 설정 후에도 여전히 작동하지 않는다면, 미니프로그램 삭제 후 재설치, 위챗 종료 등을 시도해보시면 성공할 것입니다.
위 문제에 대한 해결책을 요약하자면, 가장 중요한 것은 인내와 꼼꼼함이라고 생각합니다.
관련 권장 사항:
WeChat 애플릿에서 wx.request 캡슐화에 대한 자세한 예
WeChat 애플릿 스와이퍼 구성 요소 구성 캐러셀 차트 코드 공유
사용자 세부 정보를 얻기 위한 WeChat 애플릿 승인 예
위 내용은 WeChat 미니 프로그램 라이브 푸셔에 대한 질문에 대한 답변의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!