react-native-pitch-tracker-extended
v0.4.3
Published
React Native Pitch Tracker implemented with Tensorflow Lite Model
Downloads
25
Maintainers
Readme
react-native-pitch-tracker-extended
React Native Pitch Tracker implemented with Tensorflow Lite Model
- [x] iOS/iPadOS Implementation
- [x] Android Implementation
Extended Changes
- update kotlin plugin
Installation
npm install --save react-native-pitch-tracker react-native-permissions
Usage
Prerequisites (iOS/iPadOS)
- First, Download this(Download Link : Onsets and Frames TFLite) Model.
- After that, add this file to your XCode Project.
- Double check that the file is successfully imported to project.
- Check the .tflite model is in your
Project File -> Build Phases -> Copy Bundle Resources
- Check the .tflite model is in your
- Open your project's
Info.plist
in XCode, and addNSMicrophoneUsageDescription
row.- Or in other editor, add this row in the plist.
<key>NSMicrophoneUsageDescription</key> <string>YOUR TEXT</string>
- Open your project's
Podfile
and update with these lines.
target 'YourAwesomeProject' do
# …
permissions_path = '../node_modules/react-native-permissions/ios'
pod 'Permission-Microphone', :path => "#{permissions_path}/Microphone.podspec"
end
Prerequisites (Android)
- Copy the downloaded file(tflite model) to
{ProjDirectory}/android/app/src/main/assets
. - After that, update the
build.gradle
android {
// …
aaptOptions {
noCompress "tflite"
}
}
Usage in React Native Code
import PitchTracker from "react-native-pitch-tracker";
// ...
// Must do before start()
PitchTracker.prepare()
// Event Subscription (Add function to parameter)
PitchTracker.noteOn((res) => {
console.log('Note On: ' + res['midiNum']);
}); // Note On: 60
PitchTracker.noteOff((res) => {
console.log('Note Off: ' + res['midiNum']);
}); // Note Off: 60
// Start PitchTracker Engine
PitchTracker.start()
// Stop PitchTracker Engine
PitchTracker.stop()
Contributing
See the contributing guide to learn how to contribute to the repository and the development workflow.
License
MIT