A lightweight React Native Turbo Module for decoding WavPack audio files to WAV format on iOS and Android. Built with the New Architecture for optimal performance. This module also supports progress updates during decoding.
- Decode WavPack (.wv) files to WAV format.
- Cross-platform support for iOS (13.0+) and Android (API 21+).
- Progress updates via event emitter for real-time feedback.
- Configurable decoding options (e.g., max samples, bits per sample.
- Thread-safe decoding on iOS with concurrent queue support.
- React Native 0.77 or higher with New Architecture enabled.
- iOS 13.0 or later.
- Android API 21 or later.
- Node.js 16+ for development.
-
Install the package:
Using yarn:
yarn add react-native-tiny-wavpack-decoder
using npm:
npm install react-native-tiny-wavpack-decoder
-
Link native dependencies:
- For iOS, install CocoaPods dependencies:
cd ios && pod install
- For Android, the module is auto-linked via React Native.
- For iOS, install CocoaPods dependencies:
-
Enable New Architecture (if not already enabled):
- In
ios/Podfile
, ensure:use_react_native!( :path => '../node_modules/react-native', :new_architecture => true )
- In
android/app/build.gradle
, enable Turbo Modules:newArchEnabled=true
- In
-
Rebuild the app:
npx react-native run-ios # or npx react-native run-android
Decode a WavPack file to WAV using the decode
method. The module requires file paths accessible by the app (e.g., in the document directory).
import TinyWavPackDecoder from 'react-native-tiny-wavpack-decoder';
import * as RNFS from '@dr.pogodin/react-native-fs';
const decodeWavPack = async () => {
const inputPath = `${RNFS.DocumentDirectoryPath}/sample.wv`; // Ensure file exists
const outputPath = `${RNFS.DocumentDirectoryPath}/output.wav`;
try {
const result = await TinyWavPackDecoder.decode(inputPath, outputPath, {
maxSamples: -1, // Decode all samples
bitsPerSample: 16, // Output bit depth (8, 16, 24, or 32)
});
console.log('Decode result:', result); // "Success"
} catch (error) {
console.error('Decode error:', error.message);
}
};
Subscribe to decoding progress events (0.0 to 1.0) using addProgressListener
.
import { useEffect } from 'react';
import TinyWavPackDecoder from 'react-native-tiny-wavpack-decoder';
const App = () => {
useEffect(() => {
const subscription = TinyWavPackDecoder.addProgressListener((progress) => {
console.log(`Progress: ${(progress * 100).toFixed(2)}%`);
});
return () => {
subscription.remove();
};
}, []);
// Trigger decodeWavPack() as shown above
};
The decode
method accepts an options object with the following properties:
Option | Type | Default | Description |
---|---|---|---|
maxSamples |
number |
-1 |
Maximum number of samples to decode. Use -1 for all samples. |
bitsPerSample |
`8 | 16 | 24 |
The example/
directory contains a sample app demonstrating decoding and progress updates. To run it:
cd example
npm install
npm run ios
# or
npm run android
Place a sample.wv
file in the app’s document directory (e.g., via RNFS.DocumentDirectoryPath
).
- File Access: Ensure input and output paths are valid and accessible. Use libraries like
@dr.pogodin/react-native-fs
to manage files. - Thread Safety: iOS uses a concurrent dispatch queue for decoding, but rapid concurrent calls may require additional thread-safety measures (see Limitations).
- Progress Events: Ensure listeners are set up before starting decoding.
- New Architecture: This module requires Turbo Modules and the New Architecture. Ensure your app is configured accordingly.
- The module uses a static
FILE*
in the C code, which may cause crashes if multiple decoding operations are triggered concurrently. A thread-safe version is planned (see [issue #TBD]). - Progress updates are tied to the decoding buffer size (4096 samples), which may result in coarse-grained updates for small files.
- Android performance may vary on low-end devices due to JNI overhead.
Contributions are welcome! Please open an issue or pull request on the GitHub repository for bugs, features, or improvements.
MIT License. See LICENSE for details.
- Built with WavPack's Tiny Decoder source for efficient audio decoding.
- Uses React Native’s New Architecture for modern performance.