React-native-gifted-chat: Audio and Video option

[rishiankush]

Hi, I used this package several times and It is very helpful always.
This time I am in need to add the audio and video options too.
How can I add those options? Or do you provide those options in this package?

According to my learning I did not find any such option for audio recording and video recording
till now I was able to add this:

For audio recording I am using third party package.

[xixihaha134]

@rishiankush could u share your repo? https://github.com/rishiankush/Goopso that's ur react-native-gifted-chat 4 Voice&Video ?

[xixihaha134]

@FaridSafi I've been looking for chat components that implement audio&video features, but so far I have no results
I would like to be based on gifted-chat extension, do you have a good suggestion?

[rishiankush]

I have used these two packages for audio and video recording:
@lzj89566062 https://github.com/jsierles/react-native-audio
https://www.npmjs.com/package/react-native-video-recorder

Hope this helps

[bgbraga]

Any plans to integrate Gifted with https://github.com/jsierles/react-native-audio ?

[wayne1203]

Sounds good, I would like to try it.
But.. How can I add Audio message UI?

[EAT-CODE-KITE-REPEAT]

@wayne1203 did you integrate it yet?

[wayne1203]

Implementing with react-native-sounds
Like this:

[EAT-CODE-KITE-REPEAT]

Awesome, I need that too

[EAT-CODE-KITE-REPEAT]

I wanna make WhatsApp, what are you making

[wayne1203]

I'm developing a chatting app like WhatsApp.
And investigating how to edit the InputToolbar for adding a voice record button like WhatsApp

[EAT-CODE-KITE-REPEAT]

Ah, interesting! I think our work is really similar then.

[EAT-CODE-KITE-REPEAT]

I don't know how to contact you other than this, but let's connect maybe we can share some work or something. [email protected]

[EAT-CODE-KITE-REPEAT]

@wayne1203

[wayne1203]

@WwoeSsi Sure, here is my email [email protected]

[sidd123456]

@wayne1203 @WwoeSsi how can i simply send an image can anyone help?

[wayne1203]

@sidd123456 Do you mean how to upload the image for your issue?
Just drag & drop into the text area, Github will handle it

[sidd123456]

@wayne1203 means while chating Onsend function sends only text if i want to send an image then?

[wayne1203]

@sidd123456 Just add "image" parameter into the message and you will get ImageView by default.
No any code change needed.
Text will show on the bottom of the message bubble if "text" parameter exist. (If my memory serves well)

[sidd123456]

@wayne1203 getting this error:
"json value null cannot be converted to nsstring "

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[dkpapo]

Implementing with react-native-sounds
Like this:

this dont work because react native sound only play in raw route any can help me pls

[ajaytheone1994]

@wayne1203 i want to add record icon into Input Toolbar, please help me if you can,
Thank in advanced..

[wayne1203]

@wayne1203 i want to add record icon into Input Toolbar, please help me if you can,
Thank in advanced..

Hi, I'm sorry to tell you that I'm not developing chat room apps long time ago.
But you can try to use renderInputToolbar for custom toolbar.