HarmonyOS 鸿蒙Next网络视频如何下载到相册,可以在相册中看到?

发布于 1周前 作者 eggper 来自 鸿蒙OS

HarmonyOS 鸿蒙Next网络视频如何下载到相册,可以在相册中看到? 目前使用的是SaveButton安全控件下载的图片和视频,图片可正常下载保存到图库,视频下载后图库中看不到,此操作并没有申请任何权限,想请教一下如何可以下载到图库中或者用什么方法可以做到,当前代码如下:

SaveButton()
  .width(this.isShowRelevantMe ? '50%' : '100%')
  .height(40)
  .fontSize(12)
  .backgroundColor(Color.Black)
  .iconSize(16)
  .onClick(async (event: ClickEvent, result: SaveButtonOnClickResult) => {
    if (result === SaveButtonOnClickResult.SUCCESS) {
      const context: common.UIAbilityContext = getContext(this) as common.UIAbilityContext;
      // 免去权限申请和权限请求等环节,获得临时授权,保存对应图片
      if (this.fileList[this.imageIndex].fileType === 0) {
        DownloadUtils.saveHttpPhoto(this.fileList[this.imageIndex].filePath, context)
      } else if (this.fileList[this.imageIndex].fileType === 1) {
        DownloadUtils.saveHttpVideo(this.fileList[this.imageIndex].filePath, context)
      }
    } else {
      Toast.showToast('下载失败')
    }
  })

//保存图片
static async saveHttpPhoto(url: string, context: common.UIAbilityContext) {
  // 使用request下载图片并在回调函数中保存图片到相册
  http.createHttp().request(url,
    {
      method: http.RequestMethod.GET,
      connectTimeout: 60000,
      readTimeout: 60000
    },
    async (error: BusinessError, data: http.HttpResponse) => {
      if (error) {
        console.error(`http reqeust failed with. Code: ${error.code}, message: ${error.message}`);
      } else {
        if (http.ResponseCode.OK === data.responseCode) {
          let imageBuffer: ArrayBuffer = data.result as ArrayBuffer;
          try {
            // 获取相册路径
            let helper = photoAccessHelper.getPhotoAccessHelper(context);
            let uri = await helper.createAsset(photoAccessHelper.PhotoType.IMAGE, 'jpg')
            let file = await fileIo.open(uri, fileIo.OpenMode.READ_WRITE | fileIo.OpenMode.CREATE)
            // 写入文件
            await fileIo.write(file.fd, imageBuffer);
            // 关闭文件
            await fileIo.close(file.fd);
            Toast.showToast('已保存至相册');
          } catch (error) {
            console.error("error is " + JSON.stringify(error))
            Toast.showToast("error is " + JSON.stringify(error));
          }
        } else {
          console.error("error occurred when image downloaded!")
          Toast.showToast("error occurred when image downloaded!")
        }
      }
    })
}

//保存视频
static async saveHttpVideo(url: string, context: common.UIAbilityContext) {
  // 使用request下载图片并在回调函数中保存图片到相册
  http.createHttp().request(url,
    {
      method: http.RequestMethod.GET,
      connectTimeout: 60000,
      readTimeout: 60000
    },
    async (error: BusinessError, data: http.HttpResponse) => {
      if (error) {
        console.error(`http reqeust failed with. Code: ${error.code}, message: ${error.message}`);
      } else {
        if (http.ResponseCode.OK === data.responseCode) {
          let imageBuffer: ArrayBuffer = data.result as ArrayBuffer;
          try {
            // 获取相册路径
            let helper = photoAccessHelper.getPhotoAccessHelper(context);
            let uri = await helper.createAsset(photoAccessHelper.PhotoType.VIDEO, 'mp4')
            let file = await fileIo.open(uri, fileIo.OpenMode.READ_WRITE | fileIo.OpenMode.CREATE)
            // 写入文件
            await fileIo.write(file.fd, imageBuffer);
            // 关闭文件
            await fileIo.close(file.fd);
            Toast.showToast('已保存至相册');
          } catch (error) {
            console.error("error is " + JSON.stringify(error))
            Toast.showToast("error is " + JSON.stringify(error));
          }
        } else {
          console.error("error occurred when image downloaded!")
          Toast.showToast("error occurred when image downloaded!")
        }
      }
    })

更多关于HarmonyOS 鸿蒙Next网络视频如何下载到相册,可以在相册中看到?的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

7 回复

在request处需要多设置1个参数:expectDataType,视频文件需要设置成arraybuffer样式。做以下改动就可以了。

http.createHttp().request(url,
  {
    method: http.RequestMethod.GET,
    connectTimeout: 60000,
    readTimeout: 60000
  },

改成

http.createHttp().request(url,
  {
    method: http.RequestMethod.GET,
    connectTimeout: 60000,
    readTimeout: 60000,
    expectDataType: 2,
  },

验证的示例代码如下,把里面的网址改成你自己的就行:

import { http } from '@kit.NetworkKit'
import { BusinessError } from '@kit.BasicServicesKit';
import ResponseCode from '@ohos.net.http';
import { photoAccessHelper } from '@kit.MediaLibraryKit';
import fs from '@ohos.file.fs';

@Entry
@Component
struct Index {
  loadVideoWithUrl(url: string) {
    // 使用request下载图片并在回调函数中保存图片到相册
    http.createHttp().request(url,
      {
        method:http.RequestMethod.GET,
        connectTimeout:60000,
        readTimeout:60000,
        expectDataType: 2,
      },
      async (error: BusinessError, data: http.HttpResponse) => {
        if (error) {
          console.error(`http reqeust failed with. Code: ${error.code}, message: ${error.message}`);
        } else {
          if (ResponseCode.ResponseCode.OK === data.responseCode) {
            let videoBuffer: ArrayBuffer = data.result as ArrayBuffer;
            try {
              // 获取相册路径
              const context = getContext(this);
              let helper = photoAccessHelper.getPhotoAccessHelper(context);
              let uri = await helper.createAsset(photoAccessHelper.PhotoType.VIDEO, 'mp4')
              let file = await fs.open(uri, fs.OpenMode.READ_WRITE | fs.OpenMode.CREATE)
              // 写入文件
              await fs.write(file.fd, videoBuffer);
              // 关闭文件
              await fs.close(file.fd);
            } catch (error) {
              console.error("error is " + JSON.stringify(error))
            }
          } else {
            console.error("error occurred when image downloaded!")
          }
        }
      })
  }

  build() {
    Column() {
      SaveButton().onClick(async (event: ClickEvent, result: SaveButtonOnClickResult) => {
        if (result == SaveButtonOnClickResult.SUCCESS) {
          try {
              this.loadVideoWithUrl('https://image.baidu.com/f1c2.mp4')
          } catch (err) {
            console.error("error is " + JSON.stringify(err))
          }
        } else {
          AlertDialog.show({ message: "设置权限失败" })
        }
      })
    }
  }
}

更多关于HarmonyOS 鸿蒙Next网络视频如何下载到相册,可以在相册中看到?的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


大佬,对于文件大于5M的视频用什么下载呢,


注:根据您的要求,原始HTML内容中并未包含任何图片或其他需要转换的元素,因此转换后的Markdown文档仅保留了纯文本内容,并去掉了“基本信息”。

如需要下载大于5m的数据可使用requestInstream采用流式接口能力。

requestInstream对应的官网文档链接,requestInStream接口开发步骤:

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/http-request-V5#requestinstream

大佬,我的问什么 会提示设置权限失败,就是if (result === SaveButtonOnClickResult.SUCCESS)这个条件不成立,这…,

哥们,使用华为给的这个例子可以呀,不管是保存图片还是视频都是OK的

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/savebutton-V5

你是不是代码写的有问题,没看到你代码中有getMediaContent方法

下面这样写,亲测OK,试试

async function savePhotoToGallery(context: common.UIAbilityContext) {
  let helper = photoAccessHelper.getPhotoAccessHelper(context);
  try {
    // onClick触发后5秒内通过createAsset接口创建图片文件,5秒后createAsset权限收回。
    let uri = await helper.createAsset(photoAccessHelper.PhotoType.VIDEO, 'mp4');
    // 使用uri打开文件,可以持续写入内容,写入过程不受时间限制
    let file = await fileIo.open(uri, fileIo.OpenMode.READ_WRITE | fileIo.OpenMode.CREATE);
    // $r('app.media.startIcon')需要替换为开发者所需的图像资源文件
    context.resourceManager.getMediaContent($r('app.media.xuzhou').id, 0)
      .then(async value => {
        let media = value.buffer;
        // 写到媒体库文件中
        await fileIo.write(file.fd, media);
        await fileIo.close(file.fd);
        promptAction.showToast({ message: '已保存至相册!' });
      });
  } catch (error) {
    const err: BusinessError = error as BusinessError;
    console.error(`Failed to save photo. Code is ${err.code}, message is ${err.message}`);
  }
}

大佬你解决了吗

在HarmonyOS鸿蒙系统中,若要将Next网络视频下载到相册并能在相册中查看,通常需要通过以下步骤操作(注意,具体步骤可能因应用版本和系统更新有所变化):

  1. 使用支持下载的视频应用:确保你使用的视频应用支持视频下载功能,并且下载的视频可以保存到本地相册。部分第三方视频应用可能限制了视频下载到相册的功能,需选择支持此功能的应用。

  2. 开启下载权限:在应用内找到下载设置,确保已开启保存到相册的权限。这通常在设置或账户与隐私选项中。

  3. 选择视频并下载:在应用内浏览到你想下载的视频,点击下载按钮,选择保存到相册的选项(如果应用提供此选项)。

  4. 检查相册:下载完成后,进入手机的相册应用,查看是否已成功保存。有时下载的视频可能保存在相册的特定文件夹内,如“视频下载”或应用专属文件夹。

如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html

回到顶部