HarmonyOS 鸿蒙Next 图片智能取色，远程图片地址如何取

这个地址是一个图片智能取色的demo，请问远程的url地址如何取色，是要先下载到本地吗还是有其他的api

https://gitee.com/harmonyos-cases/cases/blob/master/CommonAppDevelopment/feature/effectKit/src/main/ets/components/mainpage/MainPage.ets
// 图片资源获取
@State imgData: Resource[] = [
$r(‘app.media.image4’),
$r(‘app.media.image5’),
$r(‘app.media.image6’),
$r(‘app.media.image7’)
];
// 初始背景色赋值
@State bgColor: string = “#fffffff”;
// 顶部安全高度赋值
@State topSafeHeight: number = 0;
// 创建swiperController
private swiperController: SwiperController = new SwiperController();
// swiper自动播放时间间隔
private swiperInterval: number = 3500;
// swiper子组件切换动画时长
private swiperDuration: number = 500;
// swiper子组件与子组件间隙
private swiperItemSpace: number = 10;

async aboutToAppear() {
// 顶部安全高度适配
let windowHight: window.Window = await window.getLastWindow(getContext(this));
await windowHight.setWindowLayoutFullScreen(true);
this.topSafeHeight = px2vp(windowHight.getWindowAvoidArea(window.AvoidAreaType.TYPE_SYSTEM).topRect.height)

// TODO 知识点：初始化页面获取第一张图片的颜色
const context = getContext(this);
const resourceMgr: resourceManager.ResourceManager = context.resourceManager;
const fileData: Uint8Array = await resourceMgr.getMediaContent(this.imgData[0]);
const buffer = fileData.buffer as ArrayBuffer;
const imageSource: image.ImageSource = image.createImageSource(buffer);
const pixelMap: image.PixelMap = await imageSource.createPixelMap();

// TODO 知识点：智能取色器接口使用，初始化背景色
effectKit.createColorPicker(pixelMap, (err, colorPicker) => {
let color = colorPicker.getMainColorSync();
// 将取色器选取的color示例转换为十六进制颜色代码
this.bgColor = “#” + color.alpha.toString(16) + color.red.toString(16) + color.green.toString(16) + color.blue.toString(16)
})
}