위 챗 애플 릿 은 ColorUI 를 기반 으로 가죽 새우 짧 은 영상 워 터 마크 구성 요 소 를 구축 합 니 다.

맞아요.저 는 가죽 친구 입 니 다.저 는 춤(/doge)과 요 가 를 배우 고 싶 습 니 다.워 터 마크 가 없 으 면 공 부 를 깊이 하 는 데 도움 이 됩 니 다.
1.구성 요소 효과 표시

2.구성 요소 도입 준비https://spider.apisev.cn합 법request도 메 인 이름 목록 에 가입 합 니 다.비디오 기능 을 다운로드 하려 면https://v6-ppx.ixigua.com합 법 적 인 도 메 인 이름 목록 스타일 기반downloadFile을 전역 또는 구성 요소 스타일 파일 에 도입 하 십시오colorui3.구성 요소 도입 및 사용
구성 요 소 는 빈 페이지 에 도입 하 는 것 을 권장 합 니 다.설정colorui파일

 "navigationStyle": "custom"//          

또는 전역 에 이 설정 을 도입 할 수도 있 습 니 다.

"window": {
 "navigationStyle": "custom"
}

2.전역 적 으로 구성 요 소 를 도입 하고 사용

"usingComponents": {
 "spider":"components/spider/spider"
 }

페이지 에 구성 요소 사용 하기

<!--  ，      -->
<spider>
</spider>

4.API 구축 방향

짧 은 링크 에 따라 요청 한json소원 영상의response정보

합 리 적 인 설정item_id실제 영상 주소

요청header에 따라 워 터 마크 없 는 영상 주소

를 교체 합 니 다.

요청 결 과 는 캐 시 에 저장 되 며,짧 은 시간 내 에 유사 한 조회 가 있 으 면 결 과 를 신속하게 되 돌려 줄 수 있 습 니 다item_id

인터페이스 소스 코드 를 제공 하지 않 고 이윤 을 창 출하 지 않 고 가죽 친구 들 이 오락 을 배 울 수 있 도록 제공 합 니 다.
5.워 터 마크 플러그 인 제거
uload 를 삭제 할 수 있 습 니 다.그것 은 제 가 사용자 정의api애니메이션 입 니 다.age = 3600 * 24으로 대체 할 수 있 습 니 다.
spider.js

// components/spider/spider.js
Component({
 options: {
 addGlobalClass: true,
 multipleSlots: true
 },
 /**
 *        
 */
 properties: {

 },

 /**
 *        
 */
 data: {
 url:'',
 vis:false,
 mname:'',
 videourl:''
 },

 /**
 *        
 */
 methods: {
 hideModal(e) {
  this.setData({
  mname: null
  })
 },
 urlinput(e){
  this.setData({
  url:e.detail.value
  })
 },
 parse(){
  var url = this.data.url;
  this.setData({vis:true})
  wx.request({
  url: 'https://spider.apisev.cn/cvideo/v1/pipixia?url='+url,
  success:res=>{
   console.log(res)
   this.setData({
   vis:false,
   mname:'bt',
   videourl:res.data.videourl
   })
  },
  fail:res=>{
   console.log(res)
  }
  })
 }
 }
})

spider.wxml

<cu-custom bgColor="bg-gradual-blue" isBack="{{true}}">
	<view slot="backText">  </view>
	<view slot="content">     </view>
</cu-custom>
<view class="cu-form-group margin-top">
		<textarea maxlength="-1" disabled="{{modalName!=null}}" bindinput="urlinput" placeholder="       "></textarea>
</view>
<view class="padding flex flex-direction">
 <button class="cu-btn bg-green margin-tb-sm lg" bindtap="parse">  </button>
</view>
<uload
visible="{{vis}}"
text="    "
>
</uload>
<view class="cu-modal bottom-modal {{mname=='bt'?'show':''}}">
 <view class="cu-dialog">
 <view class="cu-bar bg-white">
  <view class="action text-green">  </view>
  <view class="action text-blue" bindtap="hideModal">  </view>
 </view>
 <view class="padding-xl">
  <video src="{{videourl}}" ></video>
 </view>
 </view>
</view>

참고 문서
CVideo 인터페이스 문서가죽 새우 워 터 마크 없 는 인터페이스 V1-CVideo 인터페이스 문서-비 광(apisev.cn)
위 챗 애플 릿-ColorUI 기반 가죽 새우 짧 은 동 영상 워 터 마크 구성 요소 구축(학습 용 으로 만 사용)에 관 한 글 을 소개 합 니 다.더 많은 위 챗 애플 릿 짧 은 동 영상 워 터 마크 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 문장 을 계속 조회 하 시기 바 랍 니 다.앞으로 많은 응원 부 탁 드 리 겠 습 니 다!