Merge pull request #29 from SimformSolutionsPvtLtd/feature/scroll-postion-time

✨  scroll timer listener

Author: DevarshRanpara

README.md

@@ -45,7 +45,7 @@ platform :ios, '10.0'
 dependencies:
     audio_waveforms: <latest-version>
 ```
-*Get the latest version in the 'Installing' tab on [pub.dev](https://pub.dev/packages/audiowaveforms)*
+*Get the latest version in the 'Installing' tab on [pub.dev](https://pub.dev/packages/audio_waveforms)*
 
 2.  Import the package.
 ```dart
@@ -54,7 +54,7 @@ import 'package:audio_waveforms/audio_waveforms.dart';
 
 ## Usage
 
-1. Initialise WaveController
+1. Initialise RecorderController
 ```dart
 late final RecorderController recorderController;
 
@@ -88,7 +88,7 @@ final path = await recorderController.stop();
 ```
 Calling this will save the recording at provided path and it will return path to that file.
 
-6. Disposing WaveController
+6. Disposing RecorderController
 ```dart
 @override
 void dispose() {
@@ -157,7 +157,7 @@ late final RecorderController recorderController;
 ```
 7. Using different types of encoders and sample rate
 ```dart
-late final RecorderController waveController;
+late final RecorderController recorderController;
   @override
   void initState() {
     super.initState();
@@ -168,6 +168,12 @@ late final RecorderController waveController;
       ..sampleRate = 16000;
   }
 ```
+8. Listening scrolled duration position
+```dart
+recorderController.currentScrolledDuration.addListener((duration){});
+```
+To use this `shouldCalculateScrolledPosition` flag needs to be enabled. Duration is
+in milliseconds.
 
 ### Player
 
@@ -186,6 +192,7 @@ void initState() {
 await playerController.preparePlayer(path);
 ```
 Provide the audio file path in the parameter. You can also set volume with optional parameter.
+
 3. Use widget in widget-tree
 ```dart
 AudioFileWaveforms(
@@ -198,6 +205,7 @@ AudioFileWaveforms(
 await playerController.startPlayer();
 ```
 As default when audio ends it will be seeked to start but you can pass false let it stay at end.
+
 5. Pause player
 ```dart
 await playerController.pausePlayer();

example/assets/audios/audio1.mp3

@@ -58,42 +58,43 @@ class WaveBubble extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Padding(
-      padding: const EdgeInsets.only(left: 20, bottom: 10, right: 20),
-      child: Row(
-        children: [
-          if (isSender) ...[
-            const Spacer(),
+    return Align(
+      alignment: isSender ? Alignment.centerRight : Alignment.centerLeft,
+      child: Container(
+        padding: EdgeInsets.only(
+          bottom: 6,
+          right: isSender ? 0 : 10,
+          top: 6,
+        ),
+        margin: const EdgeInsets.symmetric(vertical: 8, horizontal: 12),
+        decoration: BoxDecoration(
+          borderRadius: BorderRadius.circular(10),
+          color: isSender ? const Color(0xFF276bfd) : const Color(0xFF343145),
+        ),
+        child: Row(
+          mainAxisSize: MainAxisSize.min,
+          children: [
             IconButton(
               onPressed: onTap,
               icon: Icon(isPlaying ? Icons.stop : Icons.play_arrow),
               color: Colors.white,
+              splashColor: Colors.transparent,
+              highlightColor: Colors.transparent,
             ),
-          ],
-          AudioFileWaveforms(
-            size: Size(MediaQuery.of(context).size.width / 2, 70),
-            decoration: BoxDecoration(
-              borderRadius: BorderRadius.circular(10),
-              color: const Color(0xFF343145),
-            ),
-            padding:
-                const EdgeInsets.symmetric(vertical: 8, horizontal: 12),
-            clipBehavior: Clip.hardEdge,
-            playerController: playerController,
-            density: 1.5,
-            playerWaveStyle: const PlayerWaveStyle(
-              scaleFactor: 0.8,
-              fixedWaveColor: Colors.white,
-              liveWaveColor: Colors.deepPurpleAccent,
-            ),
-          ),
-          if (!isSender)
-            IconButton(
-              onPressed: onTap,
-              icon: Icon(isPlaying ? Icons.stop : Icons.play_arrow),
-              color: Colors.white,
+            AudioFileWaveforms(
+              size: Size(MediaQuery.of(context).size.width / 2, 70),
+              playerController: playerController,
+              density: 1.5,
+              playerWaveStyle: const PlayerWaveStyle(
+                scaleFactor: 0.8,
+                fixedWaveColor: Colors.white30,
+                liveWaveColor: Colors.white,
+                waveCap: StrokeCap.butt,
+              ),
             ),
-        ],
+            if (isSender) const SizedBox(width: 10),
+          ],
+        ),
       ),
     );
   }