OneRadio - Online Radio Streaming App with AdMob in Android and iOS
Last Updated : 30-03-2023
By : AppDevs - Software Solutions
OneRadio is a live streaming single station mobile application, it’s extremely simple to tweak yet very force full and basic application using icecast, shoutcast streaming url. Listen your preferred Radio Station Live with this Android and IOS application on your mobile device. Also added AdMob Banner and Inerestitial Ads, with setup this you can earn money from the app. So it is perfect for yours. No coding knowledge required here for publishing apps. Anyone can run apps by following the project instructions. So all features are given below:
Requirements
To customised this project you should have Flutter and Dart installed and configured effectively on your gadget Install Flutter Set up your editor Install the Flutter and Dart Plugins.
- Unzip the flies folder and open it. There have source code name as OneRadio-source-code, then use your preferred IDE (Android Studio / Visual Code / IntelliJ) to open the project.
- Go to /assets/images/logo.png and replace it with your logo or app icon
Note: This logo used in the splash screen only, not in the app icon
For Android Configuration
Get Dependencies:
- Run the command:
flutter pub get
Change Package Name:
- If you want to change the package name following the next steps
- Open /android/app/build.gradle and change the package name
- defaultConfig {
- applicationId "" // this is the package name
- minSdkVersion 25
- targetSdkVersion 33
- versionCode flutterVersionCode.toInteger()
- versionName flutterVersionName
- testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
- multiDexEnabled true
- }
- Open /android/app/src/main/AndroidManifest.xml , /android/app/src/profil/AndroidManifest.xml, /android/app/src/debug/AndroidManifest.xml and specify your:
- Open /android/app/src/main/kotlin/MainActivity.kt and change the package name
IOS Configuration
Opt-in to the preview of the embedded view by adding a boolean property to the app's Info.plist file with the key io.flutter.embedded_views_preview and the value YES.
- Click the Get dependencies or Packages get to install the libraries from pubspecs.yaml file.
- Open the simulator to run iOS or Android (as the step above)
- Then press the run button to start the project (you can still open multi simulator at the same time)
App Customisation
Steps:
- Change App Name, Version and Details etc.
- Set Your Own Radio Streaming and MetaData Urls
- Add MetaData Endpoint
Push Notifications Configuration
Configuration Step:
- Go to OneSignal and create your account.
- Your OneSignal App Id, available in Settings > Keys & IDs
- Set Your Own Radio Streaming and MetaData Urls
Admob Configuration
Go to AndroidManifest.xml file and replace the app id according to your ad mob id.
Admob file
Then go to ad mob helper and replace the test ad mob id with your admob id.
Admob Test
Build & Run:
Run the Application:
- In the target selector, select an Android device for running the app. If none are listed as available, select Tools> Android > AVD Manager and create one there. For details, see Managing AVDs. Click the run icon in the toolbar, or invoke the menu item Run > Run. Locate the main Android Studio toolbar:
- If you don't use Android Studio or IntelliJ you can use the command line to run your application using the following command:
flutter run
Install And Release App:
Here is your section structure.
- After you make all your changes and customizations save all your project, Open the console, navigate to your project folder and execute the following command to build your app:
flutter build apk --release
- If you are deploying the app to the Play Store, it's recommended to use app bundles or split the APK to reduce the APK size.
Build and Install App:
- To generate an app bundle, run:
flutter build appbundle --target-platform android-arm,android-arm64,android-x64
Learn more on https://developer.android.com/guide/app-bundle
- To split the APKs per ABI, run:
flutter build apk --target-platform android-arm,android-arm64,android-x64 --split-per-abi
Learn more on https://developer.android.com/studio/build/configure-apk-splits#confi
- If you want to upload your application on Google Play you must sign it before uploading, generate a signing key by running the following command:
keytool -genkey -v -keystore android/app/key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key
- Reference the keystore from the app: Create a file named appdir/android/key.properties that contains a reference to your keystore:
storePassword=password from previous step
keyPassword=password from previous step
keyAlias=key
storeFile=location of the key store file, e.g. /Users/user name/key.jks
- Go to android/app/build.gradle
def keystorePropertiesFile = rootProject.file("key.properties")
def keystoreProperties = new Properties()
keystoreProperties.load(new FileInputStream(keystorePropertiesFile))
- signingConfigs {
- release {
- keyAlias keystoreProperties['keyAlias']
- keyPassword keystoreProperties['keyPassword']
- storeFile file(keystoreProperties['storeFile'])
- storePassword keystoreProperties['storePassword']
- }
- }
- buildTypes {
- release {
- signingConfig signingConfigs.release
- }
- }
Support
Once again, thank you so much for purchasing this app. As I said at the beginning, I'd be glad to help you if you have any questions relating to this app. Just let us know, We will assist you. Contact us at support center.
Email Us : [email protected]