物料广场的lamp-music-card组件

面板小程序开发相关产品技术讨论,包括面板小程序、智能小程序、React Native、Ray跨端框架、Panel SDK、微信小程序、小程序开发工具(IDE)及其他开发技术相关等话题


Post Reply
MwM-Mai
Posts: 65

lamp-music-card的组件音乐律动效果降幅好像是死的,并没有根据周围的声音或者手机app音频数据流进行实时律动,该组件是否能实现呢


Tags:
lshinylee
Posts: 100

Re: 物料广场的lamp-music-card组件

你好,当前还不支持该特性,我们会跟进,有进展会同步你。

:D :D :D

MwM-Mai
Posts: 65

Re: 物料广场的lamp-music-card组件

lshinylee 2023年 Nov 30日 10:06

你好,当前还不支持该特性,我们会跟进,有进展会同步你。

我这边通过rjs的canvas 和 getRecorderManager的api 实现了音乐律动效果, 但是返回的数据流的数值范围很大,不知道有没有方法限制, LampMusicCard 组件律动柔和效果是如何实现的

:lol: :roll:

crisiron
Posts: 47

Re: 物料广场的lamp-music-card组件

MwM-Mai 2023年 Nov 30日 11:37
lshinylee 2023年 Nov 30日 10:06

你好,当前还不支持该特性,我们会跟进,有进展会同步你。

我这边通过rjs的canvas 和 getRecorderManager的api 实现了音乐律动效果, 但是返回的数据流的数值范围很大,不知道有没有方法限制, LampMusicCard 组件律动柔和效果是如何实现的

:lol: :roll:

自己实现的话 会很复杂, 我们这边有一个还暂时未对外的方法可以直接获取到声音的颜色值:

const manager = ty.media.getRGBAudioManager();
manager.startRGBRecord(); // 打开声音转换
// 监听转换
manager.onAudioRgbChange(({ body }) => {
console.log(body); // body 内部有 rgb和分贝值, 根据分贝值的大小动态改变高度
});

Last edited by crisiron on 2023年 Nov 30日 14:44, edited 1 time in total.
crisiron
Posts: 47

Re: 物料广场的lamp-music-card组件

crisiron 2023年 Nov 30日 14:41
MwM-Mai 2023年 Nov 30日 11:37
lshinylee 2023年 Nov 30日 10:06

你好,当前还不支持该特性,我们会跟进,有进展会同步你。

我这边通过rjs的canvas 和 getRecorderManager的api 实现了音乐律动效果, 但是返回的数据流的数值范围很大,不知道有没有方法限制, LampMusicCard 组件律动柔和效果是如何实现的

:lol: :roll:

自己实现的话 会很复杂, 我们这边有一个还暂时未对外的方法可以直接获取到声音的颜色值:

const manager = ty.media.getRGBAudioManager();
manager.startRGBRecord();

manager.onAudioRgbChange(({ body }) => {
console.log(body); // body 内部有 rgb和分贝值, 根据分贝值的大小动态改变高度
});

⚠️ 首先需要在ide上添加media kit 3.2版本

MwM-Mai
Posts: 65

Re: 物料广场的lamp-music-card组件

crisiron 2023年 Nov 30日 14:42
crisiron 2023年 Nov 30日 14:41
MwM-Mai 2023年 Nov 30日 11:37

我这边通过rjs的canvas 和 getRecorderManager的api 实现了音乐律动效果, 但是返回的数据流的数值范围很大,不知道有没有方法限制, LampMusicCard 组件律动柔和效果是如何实现的

:lol: :roll:

自己实现的话 会很复杂, 我们这边有一个还暂时未对外的方法可以直接获取到声音的颜色值:

const manager = ty.media.getRGBAudioManager();
manager.startRGBRecord();

manager.onAudioRgbChange(({ body }) => {
console.log(body); // body 内部有 rgb和分贝值, 根据分贝值的大小动态改变高度
});

⚠️ 首先需要在ide上添加media kit 3.2版本

在项目安装media-kit库吗,还是怎么样, onRecordingEvent的api 返回的 数据流是buffer还没有进行处理成fft的是吗
:roll:

crisiron
Posts: 47

Re: 物料广场的lamp-music-card组件

企业微信截图_38188926-7de4-4e72-9837-b83d7f026b3b.png

media-kit添加如图所示,这个方法的音频流是不会转fft的,可使用之前回复提供的方法有提供直接转颜色值

MwM-Mai
Posts: 65

Re: 物料广场的lamp-music-card组件

crisiron 2023年 Dec 6日 10:01

企业微信截图_38188926-7de4-4e72-9837-b83d7f026b3b.png
media-kit添加如图所示,这个方法的音频流是不会转fft的,可使用之前回复提供的方法有提供直接转颜色值

没有 media-kit

Attachments
f0164f8b8919796eda7cf72a412c6cf.png
crisiron
Posts: 47

Re: 物料广场的lamp-music-card组件

MwM-Mai 2023年 Dec 6日 15:00
crisiron 2023年 Dec 6日 10:01

企业微信截图_38188926-7de4-4e72-9837-b83d7f026b3b.png
media-kit添加如图所示,这个方法的音频流是不会转fft的,可使用之前回复提供的方法有提供直接转颜色值

没有 media-kit

这周我们会开放出去 到时同步你那边

MwM-Mai
Posts: 65

Re: 物料广场的lamp-music-card组件

crisiron 2023年 Dec 7日 10:43
MwM-Mai 2023年 Dec 6日 15:00
crisiron 2023年 Dec 6日 10:01

企业微信截图_38188926-7de4-4e72-9837-b83d7f026b3b.png
media-kit添加如图所示,这个方法的音频流是不会转fft的,可使用之前回复提供的方法有提供直接转颜色值

没有 media-kit

这周我们会开放出去 到时同步你那边

你好,我这边已经看到开放了,可以给个demo吗 :lol: :lol:

Post Reply