subhi-khalife/social_media_recorder

social_media_recorder's Issues

iOS throws an exception

Please, kindly check if this plugin works on iOS devices, I have been trying to use it on Android, it works fine but on iOS, it keeps destroying in the build process.

Overflow Issue and audio not playing

Hello,
I am getting an overflow on the right and cannot see the send button. Also when I send the voice I cannot play it.

[doubt] Is possible to Record a mp3 file with social_media_recorder

Is possible with this package to record a mp3 file from microphone on Android and IOS? If yes, with which AudioEncoder?

No voice message

How to upload voice message using this package?

why first press cannot start recoder

why first press cannot start recoder(no lock icon), and no problem in the future

thank you ! this is my code:

Align(
alignment: Alignment.centerLeft,
child: SocialMediaRecorder(
textVisible:textVisible,
sendRequestFunction: (soundFile) {
//print("the current path is ${soundFile.path}");
},
encode: AudioEncoderType.AAC,
),

Operation not permitted Exception because of not valid path in real android device

social_media_recorder/lib/provider/sound_record_notifier.dart

Line 126 in b65ac21

? "/storage/emulated/0/new_record_sound"

I got a Operation not permitted Exception error:1 because in android you set the path to "Storage/0/emulated"!! which is not a valid path except for emulators

Cancel function

Thank you very much for this work which makes our lives easier... a question how can I know that a recording has just been canceled ?

Overflow Issue after start recording

When I start recording it show button overflow by 40 pixel
Please fixed the issue.
and please check the attached snapshot

.

Record Icon Size and Locked Record Icon Size

Hey, there. I am styling the media recorder matching it with my application theme using my own icons set. Please add functionality to resize the icons in each state. Also is it available to change the width of the whole media recorder so that you could resize it. Like dragging left to cancel seems very short to me, I would like to expand it little bit so the user would drag little longer to cancel recording. Thanks for the amazing package you provided in advance!

Incompatible with audioplayers >=3.0.1

I try to install the last version of the package and I get this output:

Because social_media_recorder >=0.3.0 depends on uuid ^4.0.0 and audioplayers >=3.0.1 depends on uuid ^3.0.7, social_media_recorder >=0.3.0 is incompatible with audioplayers >=3.0.1.
So, because we_do_osm_flutter depends on both audioplayers ^5.0.0 and social_media_recorder ^0.3.31, version solving failed.

You can try the following suggestion to make the pubspec resolve:

• Consider downgrading your constraint on social_media_recorder: flutter pub add social_media_recorder:^0.1.32
  exit code 1

No implementation found for method stop on channel com.llfbandit.record

Unhandled Exception: MissingPluginException(No implementation found for method stop on channel com.llfbandit.record)

Recording doesnt start from first time

When I click on record icon, it doesn't start recording immediately, I have to click it another time for it to actually start recording.

Support Web

Make this package supports web, Thanks

Error when compiling

Hello. First of all, I am a total newbie to code and while trying to compile the recorder widget in my app as a widget on flutterflow, I keep getting the message that these 2 items as seen from the picture are not defined.

I have done my best to ensure that I have all the code and dependencies added but it is yet to solve the problem. Kindly let me know how to solve it or where the problem is located.
Thanks alot

Directionality issue

hey all,
I want to put the widget on the left of screen, but the command "swipe to cancel " don't change the directionality .
I didn't find in the attributes this attribute and also i wrap it in Directionality widget but didn't work.

thanks in advance.

'cancel' button background color is always white and icon issue

I can't change the background color of the 'cancel' text
and when you set an icon it will be reversed

edit: also I can't customize the lock button

Problem on saving file above and Android 11

On android 11 and above you can't name files with ":"
Please fix file naming, i changed the codes and finally I can save my audio:

convertedDateTime = convertedDateTime.replaceAll(":", ".");

Reference: https://stackoverflow.com/questions/61406818/filenotfoundexception-open-failed-eperm-operation-not-permitted-during-saving

please update the permission_handler dependency

Because social_media_recorder 0.1.84 depends on permission_handler ^9.2.0 and no versions of social_media_recorder match >0.1.84 <0.2.0, social_media_recorder ^0.1.84 requires permission_handler ^9.2.0. So, because (my app) depends on both permission_handler ^10.2.0 and social_media_recorder ^0.1.84, version solving failed.

please update the permission_handler package to the latest version, thanks.

When i upload recorded audio using this package upload as MP4 not sound file or mp3

i used MultiPartFile with dio to upload file
MultipartFile audioFile = await MultipartFile.fromFile(filePath.path);

how can i upload recorded File as audio not mp4?

Overflow Issue

@Subhi-Khalife i used your library, its giving me overflow error,

My code is

 Widget _msgFooter(BuildContext context, ConversationProvider provider) {
bool isvisible = status != 'Closed' ? true : false;
return Visibility(
  visible: isvisible,
  child: Container(
    padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 14),
    decoration: const BoxDecoration(
      color: Color.fromARGB(255, 226, 226, 226),
    ),
    child: Row(
      children: [
        Expanded(child: _inputMsg(provider)),
        _icons(context, provider),
      ],
    ),
  ),
);
 }
 
 Widget _inputMsg(ConversationProvider provider) {
return TextField(
  controller: provider.messageController,
  decoration: const InputDecoration.collapsed(
    hintText: 'Type a Message....',
  ),
  onChanged: (text) => provider.setMessage(text),
);
}



Widget _icons(BuildContext context, ConversationProvider provider) {
return Row(
  children: [
    const Space(horizontal: 10),
    _sendAudio(context, provider),
    const Space(horizontal: 10),
    _sendImage(context, provider),
    const Space(horizontal: 10),
    _sendMessage(context, provider),
  ],
);
}


 Widget _sendAudio(BuildContext context, ConversationProvider provider) {
return Align(
  alignment: Alignment.centerRight,
  child: SocialMediaRecorder(
    recordIcon: const Icon(Icons.mic_none_outlined),
    sendRequestFunction: (soundFile, time) {
      print('sound file - ${soundFile.path}');
    },
    encode: AudioEncoderType.AAC,
  ),
);
 }
 
  Widget _sendImage(BuildContext context, ConversationProvider provider) {
return InkWell(
  child: SvgPicture.asset(
    'assets/icons/camera.svg',
    height: 28.0,
    width: 28.0,
    colorFilter:
        const ColorFilter.mode(Constants.COLOUR_PRIMARY, BlendMode.srcIn),
  ),
  onTap: () => _onAddCameraClick(context, provider),
);
 }
 
   Widget _sendMessage(BuildContext context, ConversationProvider provider) {
String message = provider.message;
return InkWell(
  child: SvgPicture.asset(
    'assets/icons/send.svg',
    height: 32.0,
    width: 32.0,
    colorFilter: ColorFilter.mode(
        message.isNotEmpty
            ? Constants.COLOUR_PRIMARY
            : Constants.COLOUR_DISABLE,
        BlendMode.srcIn),
  ),
  onTap: () {
    if (message.isNotEmpty) {
      _performSendMsg(context, provider);
    }
  },
);
  }

when i use only _sendAudio function _msgFooter widget function then error is not occur

i have 2 issues

it's not customizable enough , i cant fix the overflow on the right side , and it keeps crashing every other time when recording ?

can you fix the overflow ? ,
and when i try to use the widget with Stack , it show a circle in the middle , that cant be removed or given a transpernt color

thank you

permission_handler dependency

Thanks for your package, please update the permission_handler dependency:

Because every version of social_media_recorder depends on permission_handler ^8.1.6 and myapp depends on permission_handler ^9.2.0, social_media_recorder is forbidden.

Change Fab button color without changing the slider color.

 Align(
            alignment: Alignment.bottomRight,
            child: SocialMediaRecorder(
              // recordIcon: Container(
              //   height: 65.h,
              //   width: 65.h,
              //   decoration: BoxDecoration(
              //       borderRadius: BorderRadius.circular(65.h), color: Color(0xffF84663)),
              // ),

              backGroundColor: Color(0xffF84663),
              recordIconBackGroundColor: Color(0xffF84663),
              recordIconWhenLockBackGroundColor: Color(0xffF84663),
              recordIcon: Icon(
                Icons.mic,
                color: Colors.white,
              ),
              radius: BorderRadius.circular(100),
              sendRequestFunction: (soundFile) {
                // debugPrint(soundFile.path);
                _ccmController.createMessage(soundFile);
                // Get.to(() => BuysMinutesScreen());
              },
              encode: AudioEncoderType.AAC,
            ),
          ),

Also, I am not able to change icon size.