鸿蒙开源组件——录音机

jacksky

发布于 2021-12-29 16:31

585浏览

0收藏

OhosAudioRecorder

项目介绍

项目名称：OhosAudioRecorder
所属系列：openharmony的第三方组件适配移植
功能：主要实现录音功能、暂停，播放。根据声音大小振幅有水波纹冒泡效果。
项目移植状态：主功能完成
调用差异：无
开发版本：sdk6，DevEco Studio 2.2 Beta1
基线版本：Release 0.3.0

效果演示

安装教程

1.在moudle级别下的build.gradle文件中添加依赖

// 添加maven仓库

repositories {
    maven {
        url 'https://s01.oss.sonatype.org/content/repositories/release/'
    }
}1.
2.
3.
4.
5.

// 添加依赖库

dependencies {
    implementation 'com.gitee.chinasoft_ohos:audiorecorderlibrary:1.0.0'
}1.
2.
3.

在sdk6，DevEco Studio 2.2 Beta1 下项目可直接运行如无法运行，删除项目.gradle,.idea,build,gradle,build.gradle文件，并依据自己的版本创建新项目，将新项目的对应文件复制到根目录下

使用说明

实现效果：录音功能、暂停，播放。根据声音大小振幅，水波纹冒泡效果。
在entry的build.gradle 引入
  dependencies { 
  implementation 'com.gitee.chinasoft_ohos:audiorecorderlibrary:1.0.0' 
  }
在audiorecorderlibrary库 build.gradle引入
dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar', '*.har'])
    testImplementation 'junit:junit:4.13'
    implementation('com.gitee.chinasoft_ohos:likestarlibrary:1.0.0')
    implementation('com.gitee.chinasoft_ohos:recorder_view:1.0.0')
    implementation('com.gitee.chinasoft_ohos:om_recorder:1.0.0')
}1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.

现在项目重写DependentLayout包含的控件如下定义：

XML中添加entry的布局文件:

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    xmlns:app="http://schemas.huawei.com/apk/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:orientation="vertical">

    <Text
        ohos:id="$+id:text_helloworld"
        ohos:height="56vp"
        ohos:width="match_parent"
        ohos:background_element="$color:colorPrimaryDark"
        ohos:text="$string:app_name"
        ohos:left_padding="20vp"
        ohos:text_color="#ffffff"
        ohos:text_size="18fp"/>
    <DirectionalLayout
        ohos:height="match_parent"
        ohos:width="match_parent"
        ohos:alignment="center"
        ohos:background_element="$color:colorPrimary">

        <Button
            ohos:id="$+id:btn_record"
            ohos:height="match_content"
            ohos:width="match_content"
            ohos:padding="20vp"
            ohos:text="RECORD AUDIO"
            ohos:text_color="#ffffff"
            ohos:text_size="25fp"/>
    </DirectionalLayout>

</DirectionalLayout>1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.

点击RECORD AUDIO 按钮跳转到AudioRecorderAbility界面,布局文件如下：

<?xml version="1.0" encoding="utf-8"?>
<DependentLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    xmlns:app="http://schemas.huawei.com/apk/res/ohos"
    ohos:id="$+id:content"
    ohos:height="match_parent"
    ohos:width="match_parent">
    <com.scwang.wave.MultiWaveHeader
        ohos:id="$+id:multiWaveHeader"
        ohos:height="210vp"
        ohos:width="match_parent"
        ohos:align_parent_bottom="true"
        />
   <DependentLayout
        ohos:height="match_content"
        ohos:width="match_parent"
        ohos:align_parent_bottom="true"
        ohos:bottom_margin="160vp">

        <com.example.likestarlibrary.TCHeartLayout
            ohos:id="$+id:heart_layout"
            ohos:height="200vp"
            ohos:width="40vp"
            app:anim_duration="2000"
            app:heart_anim_bezier_factor="6"
            app:heart_anim_length="50vp"
            app:heart_anim_length_rand="20vp"
            />
        <com.example.likestarlibrary.TCHeartLayout
            ohos:id="$+id:heart_layout1"
            ohos:height="200vp"
            ohos:width="40vp"
            app:anim_duration="2000"
            app:heart_anim_bezier_factor="60"
            app:heart_anim_length="50vp"
            app:heart_anim_length_rand="20vp"
            ohos:right_of="$id:heart_layout"/>
        <com.example.likestarlibrary.TCHeartLayout
            ohos:id="$+id:heart_layout2"
            ohos:height="200vp"
            ohos:width="40vp"
            app:anim_duration="2000"
            app:heart_anim_bezier_factor="60"
            app:heart_anim_length="50vp"
            app:heart_anim_length_rand="10vp"
            ohos:right_of="$id:heart_layout1"/>
        <com.example.likestarlibrary.TCHeartLayout
            ohos:id="$+id:heart_layout3"
            ohos:height="200vp"
            ohos:width="40vp"
            app:anim_duration="2000"
            app:heart_anim_bezier_factor="60"
            app:heart_anim_length="50vp"
            app:heart_anim_length_rand="10vp"
            ohos:right_of="$id:heart_layout2"
            />
        <com.example.likestarlibrary.TCHeartLayout
            ohos:id="$+id:heart_layout4"
            ohos:height="200vp"
            ohos:width="40vp"
            app:anim_duration="2000"
            app:heart_anim_bezier_factor="60"
            app:heart_anim_length="50vp"
            app:heart_anim_length_rand="10vp"
            ohos:right_of="$id:heart_layout3"
            ohos:left_margin="50vp"
            />
        <com.example.likestarlibrary.TCHeartLayout
            ohos:id="$+id:heart_layout5"
            ohos:height="200vp"
            ohos:width="40vp"
            app:anim_duration="2000"
            app:heart_anim_bezier_factor="60"
            app:heart_anim_length="50vp"
            app:heart_anim_length_rand="10vp"
            ohos:right_of="$id:heart_layout4"
            ohos:left_margin="50vp"
            />
        <com.example.likestarlibrary.TCHeartLayout
            ohos:id="$+id:heart_layout6"
            ohos:height="200vp"
            ohos:width="40vp"
            app:anim_duration="2000"
            app:heart_anim_bezier_factor="60"
            app:heart_anim_length="50vp"
            app:heart_anim_length_rand="10vp"
            ohos:right_of="$id:heart_layout5"
            ohos:left_margin="50vp"
            />
        <com.example.likestarlibrary.TCHeartLayout
            ohos:id="$+id:heart_layout7"
            ohos:height="200vp"
            ohos:width="40vp"
            app:anim_duration="2000"
            app:heart_anim_bezier_factor="60"
            app:heart_anim_length="50vp"
            app:heart_anim_length_rand="10vp"
            ohos:right_of="$id:heart_layout6"
            ohos:left_margin="50vp"
            />
        <com.example.likestarlibrary.TCHeartLayout
            ohos:id="$+id:heart_layout8"
            ohos:height="200vp"
            ohos:width="40vp"
            app:anim_duration="2000"
            app:heart_anim_bezier_factor="60"
            app:heart_anim_length="50vp"
            app:heart_anim_length_rand="10vp"
            ohos:right_of="$id:heart_layout7"
            ohos:left_margin="50vp"
            />
    </DependentLayout>
    <DependentLayout
        ohos:id="$+id:top"
        ohos:height="56vp"
        ohos:width="match_parent"
        ohos:orientation="horizontal">

        <Image
            ohos:id="$+id:image_clear"
            ohos:height="match_parent"
            ohos:width="match_content"
            ohos:left_padding="30vp"
            ohos:right_padding="30vp"
            ohos:image_src="$media:aar_ic_clear"/>

        <Image
            ohos:id="$+id:image_check"
            ohos:height="match_parent"
            ohos:width="match_content"
            ohos:left_padding="30vp"
            ohos:right_padding="30vp"
            ohos:image_src="$media:aar_ic_check"
            ohos:align_parent_right="true"
            ohos:visibility="invisible"/>

    </DependentLayout>
    <DirectionalLayout
        ohos:id="$+id:time"
        ohos:height="match_content"
        ohos:width="match_content"
        ohos:orientation="vertical"
        ohos:horizontal_center="true"
        ohos:top_margin="106vp">

        <Text
            ohos:id="$+id:text_description"
            ohos:height="match_content"
            ohos:width="match_content"
            ohos:text_size="20fp"
            ohos:text_color="#ffffff"
            ohos:bottom_margin="-10vp"
            ohos:text=" "
            ohos:visibility="invisible"/>


        <Text
            ohos:id="$+id:text_date"
            ohos:height="match_content"
            ohos:width="match_content"
            ohos:text="00:00:00"
            ohos:text_size="60fp"
            ohos:text_color="#ffffff"/>

    </DirectionalLayout>

    <DirectionalLayout
        ohos:height="200vp"
        ohos:width="match_parent"
        ohos:align_parent_bottom="true"
        ohos:orientation="horizontal"
        ohos:alignment="center">

        <Image
            ohos:id="$+id:cancle"
            ohos:height="80vp"
            ohos:width="80vp"
            ohos:padding="10vp"
            ohos:scale_mode="stretch"
            ohos:image_src="$media:aar_ic_restart"
            ohos:visibility="invisible"/>

        <Image
            ohos:id="$+id:recorder"
            ohos:height="100vp"
            ohos:width="100vp"
            ohos:padding="10vp"
            ohos:margin="15vp"
            ohos:scale_mode="stretch"
            ohos:image_src="$media:aar_ic_rec"/>

        <Image
            ohos:id="$+id:play"
            ohos:height="80vp"
            ohos:width="80vp"
            ohos:padding="10vp"
            ohos:scale_mode="stretch"
            ohos:image_src="$media:aar_ic_play"
            ohos:visibility="invisible"/>
    </DirectionalLayout>
</DependentLayout>1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
133.
134.
135.
136.
137.
138.
139.
140.
141.
142.
143.
144.
145.
146.
147.
148.
149.
150.
151.
152.
153.
154.
155.
156.
157.
158.
159.
160.
161.
162.
163.
164.
165.
166.
167.
168.
169.
170.
171.
172.
173.
174.
175.
176.
177.
178.
179.
180.
181.
182.
183.
184.
185.
186.
187.
188.
189.
190.
191.
192.
193.
194.
195.
196.
197.
198.
199.
200.
201.

一、录音界面录音、暂停录音、播放录音

初始化设置参数

    initRecorder();//初始化录音
    initCommpont();//初始化按钮等相关组件
    initWaveCommpont();//初始化波形1.
2.
3.

录音，暂停相关操作

录音按钮btn_recorder，当点击录音按钮，计时开始显示：Recording 秒表计时。当暂停录音时修改图标，时间计时器停止。当再次点击录音，会累计前面录音时间。通过系统录音方法Recorder录制。

Recorder mRecorder = OmRecorder.wav(
  new PullTransport.Default(Util.getMic(source, channel,  sampleRate), AudioRecorderAbilitySlice.this),file);1.
2.

录音相关接口：

    Recorder wav(PullTransport pullTransport, File file) //录制声音
    方法名 startPlaying()//开始播放录音
           stopRecording()//停止录音
           restartRecording()//重新录音
           pauseRecording() //暂停录音1.
2.
3.
4.
5.

测试信息

CodeCheck代码测试无异常

CloudTest代码测试无异常

病毒安全检测通过

当前版本demo功能与原组件基本无差异

版本迭代

1.0.0

版权和许可信息

The MIT License (MIT)

Copyright (c) 2016 Adriel Café

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.