Quickstart

import React, { useState, useEffect } from 'react'
import { View, Text, Button, ActivityIndicator } from 'react-native'
import { initWhisper } from 'whisper.rn'

export default function TranscribeScreen() {
  const [transcription, setTranscription] = useState('')
  const [loading, setLoading] = useState(false)

  const transcribeAudio = async () => {
    setLoading(true)
    
    try {
      // Initialize context
      const whisperContext = await initWhisper({
        filePath: require('./assets/ggml-tiny.en.bin'),
      })

      // Transcribe audio file
      const { promise } = whisperContext.transcribe(
        require('./assets/sample.wav'),
        { 
          language: 'en',
          maxThreads: 4,
        }
      )

      const { result } = await promise
      setTranscription(result)

      // Clean up
      await whisperContext.release()
    } catch (error) {
      console.error('Transcription failed:', error)
      setTranscription('Error: ' + error.message)
    } finally {
      setLoading(false)
    }
  }

  return (
    <View style={{ padding: 20 }}>
      <Button
        title="Transcribe Audio"
        onPress={transcribeAudio}
        disabled={loading}
      />
      
      {loading && <ActivityIndicator style={{ marginTop: 20 }} />}
      
      {transcription && (
        <Text style={{ marginTop: 20 }}>{transcription}</Text>
      )}
    </View>
  )
}