Saltar al contenido

Flutter: reproducir sonido al presionar un botón

Esta es la contestación más acertada que te podemos dar, sin embargo obsérvala pausadamente y analiza si se puede adaptar a tu proyecto.

Solución:

código completo

import 'package:audioplayers/audio_cache.dart';
import 'package:audioplayers/audioplayers.dart';


void main() => runApp(HomePage());

class HomePage extends StatefulWidget 
  @override
  _HomePageState createState() => _HomePageState();


class _HomePageState extends State 
  AudioCache _audioCache;

  @override
  void initState() 
    super.initState();
    // create this only once
    _audioCache = AudioCache(prefix: "audio/", fixedPlayer: AudioPlayer()..setReleaseMode(ReleaseMode.STOP));
  

  @override
  Widget build(BuildContext context) 
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text("Music play")),
        body: RaisedButton(
          onPressed: () => _audioCache.play('my_audio.mp3'),
          child: Text("Play Audio"),
        ),
      ),
    );
  


  1. Agregue dependencia en su pubspec.yaml expediente, audioplayers: any.

  2. Agregue un archivo de audio en su pubspec.yaml expediente.

    recursos: – recursos/audio/mi_audio.mp3

  3. Correr flutter packages get

Si solo desea reproducir la música cuando alguien presionó el botón, puede seguir estos pasos: –

1. Agregar dependencia

dependencies:
      audioplayers: ^0.10.0

luego ejecute el siguiente comando en su terminal para obtener el paquete recién agregado:

flutter packages get

2. Importarlo a main.dart o al archivo donde quieras usarlo.

import 'package:audioplayers/audio_cache.dart'; 

Hay dos clases que puedes importar. Reproductor de música o caché de audio y para reproducir archivos locales caché de audio se utilizará.

3. Crea un Objeto de AudioCache

 final player = AudioCache();

4. Usa el método play() para reproducir tu audio

player.play('note1.wav');

Nota – note1.wav se almacena dentro activos carpeta en mi directorio principal y no tiene que mencionarlo mientras usa el método play().

Código de ejemplo –

    import 'package:audioplayers/audio_cache.dart';
    import 'package:flutter/material.dart';
    
    void main() => runApp(MyApp());
    
    class MyApp extends StatelessWidget 
      final player = AudioCache();

      @override
      Widget build(BuildContext context) 
        return MaterialApp(
          home: Scaffold(
            body: SafeArea(
              child: FlatButton(
                child: Text("play "),
                onPressed: () 
                  player.play('note1.wav');
                ,
              ),
            ),
          ),
        );
      
    

Recuerda dar recomendación a este enunciado si lograste el éxito.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *