WeChatアプレットはColorUIに基づいて皮エビのショートビデオを構築してウォータマークのコンポーネントに行きます。


そうです。私は友達です。ダンスとヨガを勉強したいです。ウォーターマークがないほうが勉強に役立ちます。
1.コンポーネント効果の展示

2.コンポーネント導入準備https://spider.apisev.cnが適法なドメイン名リストに参加します。ビデオ機能をダウンロードする必要があるなら、requesthttps://v6-ppx.ixigua.comを加入して合法的なドメイン名リストパターンをdownloadFileに基づいて、グローバルまたはコンポーネントスタイルファイルにcoloruiを導入してください。
3.コンポーネントを導入して使用する
コンポーネントは、空白のページに導入することを推奨し、構成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>
    参考文献
    CVidoインターフェースドキュメント皮エビの透かしなしインターフェースV 1-CVidoインターフェースドキュメント-飛光(appise v.cn)
    ここで、WeChatウィジェットについてです。ColorUIに基づいて皮エビショートビデオを作ってウォータマークコンポーネント(学習用にのみ使用)の記事を紹介します。これまでの記事を検索してください。または下記の関連記事を引き続きご覧ください。これからもよろしくお願いします。