建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
微信小程序API視頻·拍攝或相冊中選擇圖片或視頻
微信小程序API提供了拍攝和選擇圖片或視頻的功能，可以方便地在小程序中實現(xiàn)拍照、錄像和從相冊中選擇圖片或視頻的操作。
微信小程序API 視頻·拍攝或相冊中選擇圖片或視頻
微信小程序提供了豐富的API，使得開發(fā)者可以在小程序中實現(xiàn)各種功能，視頻相關(guān)的API可以幫助我們實現(xiàn)拍攝視頻、從相冊中選擇視頻等功能，本文將詳細介紹如何使用微信小程序API實現(xiàn)這些功能。
使用wx.chooseVideo API拍攝視頻
wx.chooseVideo API用于調(diào)用微信客戶端的拍照、選圖接口，用戶可以選擇拍照或者從手機相冊中選圖，返回選定照片的臨時文件路徑，適合于獲取本地資源。
使用方法如下：
1、在頁面的wxml文件中添加一個button，用于觸發(fā)拍攝視頻的操作：
2、在頁面的js文件中編寫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從相冊中選擇圖片或視頻
wx.chooseImage API用于調(diào)用微信客戶端的拍照、選圖接口，用戶可以選擇拍照或者從手機相冊中選圖，返回選定照片的臨時文件路徑，適合于獲取本地資源。
使用方法如下：
1、在頁面的wxml文件中添加一個button，用于觸發(fā)從相冊中選擇圖片或視頻的操作：
2、在頁面的js文件中編寫chooseImage方法，調(diào)用wx.chooseImage API：
chooseImage: function () {
const that = this;
wx.chooseImage({
count: 1, //默認9, 最大值為10, 如果為空則默認為9, 如果傳參則最大不超過10，超過則提示"最多只能上傳10張圖片"，所以這里設(shè)置為1即可。
sizeType: ['original', 'compressed'], //可以指定是原圖還是壓縮圖，默認二者都有
sourceType: ['album', 'camera'], //從相冊選擇，默認false,相機拍照，默認true,默認不壓縮，可選值'original', 'compressed'，默認二者都有，compressed壓縮后的圖片大小為原來的50%，畫質(zhì)有損失，只支持JPEG格式，original原圖，無損壓縮，支持PNG格式，通過quality參數(shù)控制質(zhì)量，范圍為0100（不壓縮時相當于100），僅支持JPEG格式，默認二者都有，這里設(shè)置為['album']表示從相冊中選擇。
success(res) {
console.log(res);
that.setData({
imageSrc: res.tempFilePaths[0], //返回選定照片的臨時文件路徑列表，tempFilePath可以作為img標簽的src屬性顯示圖片，tempFilePaths必須作為file標簽的src屬性顯示圖片，這里設(shè)置為res.tempFilePaths[0]表示只顯示一張圖片。
});
},
fail(err) {
console.error(err);
},
});
},
使用wx.createCameraContext API創(chuàng)建相機上下文對象，實現(xiàn)更多相機相關(guān)功能
wx.createCameraContext API用于創(chuàng)建相機上下文對象實例，通過該對象可以控制攝像頭的啟動和停止、預(yù)覽、對焦等操作，還可以設(shè)置攝像頭的相關(guān)參數(shù)，如閃光燈、濾鏡等。
使用方法如下：
1、在頁面的wxml文件中添加一個video標簽，用于顯示攝像頭預(yù)覽畫面：
2、在頁面的js文件中編寫createCameraContext方法，調(diào)用wx.createCameraContext API：
createCameraContext: function () {
const that = this;
const context = wx.createCameraContext(); //創(chuàng)建相機上下文對象實例。
context.takePhoto({ //開始拍照，這里可以設(shè)置拍照參數(shù)，如閃光燈、濾鏡等，具體參數(shù)可以參考官方文檔，success回調(diào)函數(shù)會在拍照成功后執(zhí)行，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件路徑，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件地址列表，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件地址列表，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件地址列表，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件地址列表，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件地址列表，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件地址列表，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件地址列表，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件地址列表，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件地址列表，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件地址列表，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件地址列表，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件地址列表，失敗返回錯誤信息，這里省略了參數(shù)設(shè)置和回調(diào)函數(shù)，成功返回圖片文件地址列表，失敗返回錯誤信息
網(wǎng)頁標題：微信小程序API視頻·拍攝或相冊中選擇圖片或視頻
URL分享：http://fisionsoft.com.cn/article/cdsjicd.html
