Webogram: Record and send audio message

Created on 22 Mar 2014 · 17Comments · Source: zhukov/webogram

Android and iOS clients recently got support for recording, sending, and playing audio (voice) messages.

Webogram already supports playing those audio messages, and that's great. The small little bit remaining is to allow recording and sending on the web client.

Source

staltz

All 17 comments

We already have support for sending existing audio files via 'Send media' button. But recording audio just like taking photo from web-camera for me is not high priority on desktop.
Anyway if someone propose PR for these features I'll merge them. But I don't think I'll have time for them myself in the nearest future.

zhukov on 23 Mar 2014

I sent a audio (ogg file) to someone and telegram displayed it as a video.... would it at least be possible to treat audio files like voice messages? I also received a voice message and it was a ogg file too, but it got some nice voice message UI.

Anyway, I'd like to implement this, but I'd need some assistance for the UX and where to place the code.

TitanNano on 9 May 2015

👍1

@zhukov I'd be happy to polish my PR, if you are interested to merge it :D Are you interested to land this feature? Chrome also supports this technology now.

TitanNano on 7 Jul 2016

@TitanNano Yes, I'm interested for sure!
We need to make it work in Chrome/Fx/Safari on desktop as well and to have some backward compatibility in UI for browsers without proper support. Also the audio file should be compatible with other Telegram clients (they should be able to play it).

zhukov on 7 Jul 2016

@zhukov okay I will work on it!

Firefox Chrome support should work fine, they both support all the required apis.
For backwards compatibility, is it okay to just not show the recording button? We should make the feature progressive. Only offer it if the platform supports it.
Safari support is impossible, they don't support userMedia or MediaRecorder APIs.

TitanNano on 7 Jul 2016

On desktop - yes, but I'm not sure about mobile. We could change UI if we have mic record button, to be more like iOS / Android. In this case we should show disabled 'Send' button when there is no support for audio capture.

zhukov on 8 Jul 2016

@zhukov can you give me UI examples from iOS and android? (screenshots)

TitanNano on 8 Jul 2016

@TitanNano
1111
2222222

I could only get iOS ones. But the UX is almost the same on Android.

zhukov on 9 Dec 2016

Hi @TitanNano .

Here it is the Android one. As @zhukov already said, it's almost the same than the iOS one:

Akronix on 12 Dec 2016

Thank you very much :) I'll try to recreate this UX. I'm going to try to re implement this feature, based on my previous implementation, in January!

TitanNano on 13 Dec 2016

👍1

@TitanNano Ping me if you struggle on the design. Do you already have a PR open for your previous implementation?

Ryuno-Ki on 13 Dec 2016

@Ryuno-Ki yes #840

TitanNano on 14 Dec 2016

Awesome to see this come back to life!

wehlutyk on 15 Dec 2016

Hello everyone,

Is there any chance this gets implemented in the future?

Yours,

Robert

orschiro on 19 Jun 2017

I've pinged @TitanNano.

Ryuno-Ki on 20 Jun 2017

👍1

The feature was implemented and rolled out to beta:
https://zhukov.github.io/webogram/

zhukov on 11 Aug 2017

Amazing!

How can I test it?

Opened your link but don't see any option.

On 08/11/2017 08:27 PM, Igor Zhukov wrote:

The feature was implemented and rolled out to beta:
https://zhukov.github.io/webogram/

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
https://github.com/zhukov/webogram/issues/190#issuecomment-321885876,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AAKbwxmW0t1oHgY2PGKgTR0yAZg0njhcks5sXJz2gaJpZM4Br-IR.