Integrating the new Audio kit to create a simple music player (Kotlin) - Huawei Developers

More articles like this, you can visit HUAWEI Developer Forum and Medium.​
Introduction
In this article I would like to address the integration of the Audio Kit in an Android project to create a simple music player. The new Audio Kit is a set of audio capabilities developed by Huawei. It provides us with audio playback capabilities based on the HMS Core ecosystem, including audio encoding and decoding capabilities at the hardware level and lower layer of the system.
Steps
1.-Create App in AGC
2.-Integrate the SDK in our new Android project
3.-Integrate the dependencies of Audio Kit
4.- Update the HMS Core to the latest version.
5.- Create the user interface for our Player.
6.-Add our audio file to the raw folder
7.- Program our MainActivity
1.-Create App in AGC
Well, as in most HMS Kits we must create an App in AGC.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
2.-Add the SDK in our new Android project
Place SHA 256 and download our Json Services, to place it at the project level in Android Studio.
3.-Integrate the dependencies of Audio Kit
Build.gradle(project)
Code:
Build.gradle(project)
buildscript {
ext.kotlin_version = "1.3.72"
repositories {
google()
jcenter()
maven { url 'https://developer.huawei.com/repo/' }
}
dependencies {
classpath "com.android.tools.build:gradle:4.0.0"
classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
classpath 'com.android.tools.build:gradle:3.4.2'
// NOTE: Do not place your application dependencies here; they belong
// in the individual module build.gradle files
}
}
allprojects {
repositories {
google()
jcenter()
maven { url 'https://developer.huawei.com/repo/' }
}
}
task clean(type: Delete) {
delete rootProject.buildDir
}
build.gradle(app)
Code:
//Add the following dependency
implementation 'com.huawei.hms:audiokit-player:1.0.0.302'
proguard-rules.pro obfuscating the code
Code:
-ignorewarnings
-keepattributes *Annotation*
-keepattributes Exceptions
-keepattributes InnerClasses
-keepattributes Signature
-keepattributes SourceFile,LineNumberTable
-keep class com.hianalytics.android.**{*;}
-keep class com.huawei.updatesdk.**{*;}
-keep class com.huawei.hms.**{*;}
4.- Update the HMS Core to the latest version.
Depending on the Huawei device you have for testing, sometimes we do not have the latest version of the HMS core. In my case I have a Huawei Y9 EMUI 9.1.0, Android version 9. And I must download the apk with the latest version of the HMS core
I regularly download my updates from this link
https://www.******************/download-the-latest-hms-core-apk/
I have tested some versions of HMS Core and the only one that worked for me was [5.0.0.304].
5.-Create the user interface of our player
Code:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
android:orientation="vertical"
android:gravity="center">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/music"/>
<SeekBar
android:id="@+id/positionBar"
android:layout_width="300dp"
android:layout_height="wrap_content"
android:layout_marginTop="30dp"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:id="@+id/elapsedTimeLabel"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="0:11"
android:layout_marginLeft="40dp"/>
<TextView
android:id="@+id/remainingTimeLabelTimeLabel"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="-1:11"
android:layout_marginLeft="240dp"/>
</LinearLayout>
<Button
android:id="@+id/playBtn"
android:layout_width="30dp"
android:layout_height="30dp"
android:background="@drawable/play"
android:layout_marginTop="40dp"
android:onClick="playBtnClick"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="40dp"
android:gravity="center">
<ImageView
android:layout_width="18dp"
android:layout_height="18dp"
android:src="@drawable/mute"/>
<SeekBar
android:id="@+id/volumeBar"
android:layout_width="300dp"
android:layout_height="wrap_content"
android:progress="5"
android:max="100"/>
<ImageView
android:layout_width="26dp"
android:layout_height="26dp"
android:src="@drawable/volup"/>
</LinearLayout>
</LinearLayout>
6.-Add our audio to the RAW folder
Android Studio allows us to create a Raw Folder in a very simple way, we just have to right click on app > New > Folder > RAW, with this Android Studio will create a Folder where we will add the Audio to play.
drag the audio to the RAW Folder
7.- Program our MainActivity
In this final step we will add our necessary variables, we will create the Player and we will also create a PlayList with a single song which is stored in the RAW folder.
Create our instance variables
Code:
private lateinit var mHwAudioManager : HwAudioManager
private lateinit var mHwAudioPlayerManager: HwAudioPlayerManager
We create our Player and the PlayList
Code:
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
var hwAudioPlayerConfig = HwAudioPlayerConfig(applicationContext)
HwAudioManagerFactory.createHwAudioManager(hwAudioPlayerConfig, object : HwAudioConfigCallBack {
override fun onSuccess(audiomanager: HwAudioManager?) {
if (audiomanager != null) {
try {
mHwAudioManager = audiomanager
mHwAudioPlayerManager = audiomanager.playerManager
var cancion:HwAudioPlayItem = HwAudioPlayItem()
val song = Uri.parse("android.resource://com.huawei.simplemusicplayer/raw/jimihendrix").toString()
cancion.filePath = song
cancion.audioTitle = "Jimi Hendrix"
cancion.audioId = "123"
var canciones:List<HwAudioPlayItem> = listOf(cancion)
mHwAudioPlayerManager.playList(canciones,0,0)
mHwAudioPlayerManager.setVolume(100)
totalTime = mHwAudioPlayerManager.duration.toInt()
}catch (ex: Exception){
}
}
}
override fun onError(p0: Int) {
Log.d("TAG1", p0.toString())
}
})
}
Add the click behavior on the button
Code:
fun playBtnClick(v: View){
if(mHwAudioPlayerManager.isPlaying){
mHwAudioPlayerManager.pause()
playBtn.setBackgroundResource(R.drawable.play)
}else{
mHwAudioPlayerManager.play()
playBtn.setBackgroundResource(R.drawable.stop)
}
}
Conclusion
With this little exercise we have managed to integrate the new Huawei Audio Kit to play a song stored locally. I hope this article is very helpful to you and see you next time

---

How to handle this kit in HMS & GMS Devices

---

Do you provide something like ExoPlayer to play videos also ?

---

Can we browse and play the audio from device instead giving a direct link to the path.
thank you