微信小程序API 視頻·拍攝或相冊(cè)中選擇圖片或視頻

微信小程序提供了豐富的API，使得開(kāi)發(fā)者可以在小程序中實(shí)現(xiàn)各種功能，視頻相關(guān)的API可以幫助我們實(shí)現(xiàn)拍攝視頻、從相冊(cè)中選擇視頻等功能，本文將詳細(xì)介紹如何使用微信小程序API實(shí)現(xiàn)這些功能。

使用wx.chooseVideo API拍攝視頻

wx.chooseVideo API用于調(diào)用微信客戶端的拍照、選圖接口，用戶可以選擇拍照或者從手機(jī)相冊(cè)中選圖，返回選定照片的臨時(shí)文件路徑，適合于獲取本地資源。

使用方法如下：

1、在頁(yè)面的wxml文件中添加一個(gè)button，用于觸發(fā)拍攝視頻的操作：

拍攝視頻

2、在頁(yè)面的js文件中編寫(xiě)chooseVideo方法，調(diào)用wx.chooseVideo API：

chooseVideo: function () {
  const that = this;
  wx.chooseVideo({
    sourceType: ['album', 'camera'],
    maxDuration: 60,
    camera: 'back',
    success(res) {
      console.log(res);
      that.setData({
        videoSrc: res.tempFilePath,
      });
    },
    fail(err) {
      console.error(err);
    },
  });
},

使用wx.chooseImage API從相冊(cè)中選擇圖片或視頻

wx.chooseImage API用于調(diào)用微信客戶端的拍照、選圖接口，用戶可以選擇拍照或者從手機(jī)相冊(cè)中選圖，返回選定照片的臨時(shí)文件路徑，適合于獲取本地資源。

使用方法如下：

1、在頁(yè)面的wxml文件中添加一個(gè)button，用于觸發(fā)從相冊(cè)中選擇圖片或視頻的操作：

從相冊(cè)中選擇

2、在頁(yè)面的js文件中編寫(xiě)chooseImage方法，調(diào)用wx.chooseImage API：

chooseImage: function () {
  const that = this;
  wx.chooseImage({
    count: 1, //默認(rèn)9, 最大值為10, 如果為空則默認(rèn)為9, 如果傳參則最大不超過(guò)10，超過(guò)則提示"最多只能上傳10張圖片"，所以這里設(shè)置為1即可。
    sizeType: ['original', 'compressed'], //可以指定是原圖還是壓縮圖，默認(rèn)二者都有
    sourceType: ['album', 'camera'], //從相冊(cè)選擇，默認(rèn)false,相機(jī)拍照，默認(rèn)true,默認(rèn)不壓縮，可選值'original', 'compressed'，默認(rèn)二者都有，compressed壓縮后的圖片大小為原來(lái)的50%，畫(huà)質(zhì)有損失，只支持JPEG格式，original原圖，無(wú)損壓縮，支持PNG格式，通過(guò)quality參數(shù)控制質(zhì)量，范圍為0100（不壓縮時(shí)相當(dāng)于100），僅支持JPEG格式，默認(rèn)二者都有，這里設(shè)置為['album']表示從相冊(cè)中選擇。
    success(res) {
      console.log(res);
      that.setData({
        imageSrc: res.tempFilePaths[0], //返回選定照片的臨時(shí)文件路徑列表，tempFilePath可以作為img標(biāo)簽的src屬性顯示圖片，tempFilePaths必須作為file標(biāo)簽的src屬性顯示圖片，這里設(shè)置為res.tempFilePaths[0]表示只顯示一張圖片。
      });
    },
    fail(err) {
      console.error(err);
    },
  });
},

使用wx.createCameraContext API創(chuàng)建相機(jī)上下文對(duì)象，實(shí)現(xiàn)更多相機(jī)相關(guān)功能

wx.createCameraContext API用于創(chuàng)建相機(jī)上下文對(duì)象實(shí)例，通過(guò)該對(duì)象可以控制攝像頭的啟動(dòng)和停止、預(yù)覽、對(duì)焦等操作，還可以設(shè)置攝像頭的相關(guān)參數(shù)，如閃光燈、濾鏡等。

使用方法如下：

1、在頁(yè)面的wxml文件中添加一個(gè)video標(biāo)簽，用于顯示攝像頭預(yù)覽畫(huà)面：

2、在頁(yè)面的js文件中編寫(xiě)createCameraContext方法，調(diào)用wx.createCameraContext API：

createCameraContext: function () {
  const that = this;
  const context = wx.createCameraContext(); //創(chuàng)建相機(jī)上下文對(duì)象實(shí)例。
  context.takePhoto({ //開(kāi)始拍照，這里可以設(shè)置拍照參數(shù)，如閃光燈、濾鏡等，具體參數(shù)可以參考官方文檔，success回調(diào)函數(shù)會(huì)在拍照成功后執(zhí)行，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件地址列表，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件地址列表，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件地址列表，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件地址列表，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件地址列表，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件地址列表，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件地址列表，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件地址列表，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件地址列表，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件地址列表，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件地址列表，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件地址列表，失敗返回錯(cuò)誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件地址列表，失敗返回錯(cuò)誤信息

名稱(chēng)欄目：微信小程序API視頻·拍攝或相冊(cè)中選擇圖片或視頻
轉(zhuǎn)載源于：http://uogjgqi.cn/article/cdsjicd.html