Comments (4)
Created a PR - #54 to preview audio, the previewStream currently only gets the video tracks, so added a previewAudioStream that does the same thing as previewStream but just for audio.
from react-media-recorder.
@HBM08 that is by design. It's mentioned in the docs too
Please note that this is a muted stream. This is by design to get rid of internal microphone feedback on machines like laptop.
I just wanted to avoid an unexpected feedback from the internal mic. It would create such a mess 😁
@gezquinndesign thanks for the PR, it does just what it says. Awesome! but having two APIs for the stream is will lead to confusion I guess previewStream
and previewAudioStream
.
What do you guys think?
from react-media-recorder.
If we only want one way to access the stream in its entirety, then we will have to remove the limitation that is brought about by only returning only the VideoTracks, perhaps we can make it a function with defaults?
getPreviewStream({audio: boolean = false, video: boolean = true})
and return the appropriate altered MediaStream based on the options provided.
Or just return the MediaStream without altering it and warn users to ensure that the audio needs to be muted if using it for a video preview.
As it stands, I don't think it causes too much confusion having 2 separate APIs (previewStream
and previewAudioStream
) for the stream. It's just an opt-in addition and will ensure there are no breaking changes if people choose to upgrade.
Maybe there's a case for renaming previewStream
to previewVideoStream
to avoid confusion.
from react-media-recorder.
@0x006F I can alter the PR depending on what you think is best.
from react-media-recorder.
Related Issues (20)
- MP4 file missing all meta info HOT 5
- Unable to playback the recorded video on iOS HOT 1
- How to mute on initial start of recording.
- How to use with webpack.config throw error
- Add support on audio/ogg by using "opus-media-recorder"?
- ERR_REQUEST_RANGE_NOT_SATISFIABLE while using Constraints object
- Mobile Browser Not Supported HOT 3
- Error: unmuteAudio is not a function HOT 1
- onError method
- Cross browser audio/video recording not supported on various browsers HOT 2
- why the pauseRecording function don't stop also the preview ? HOT 1
- Start play button doesn't show video on screen while recoding
- Recorder asking permission to use camera and micro many times, on IOS
- Videoframe distoring and blinking @1.6.0
- not working on ipad
- Switch camera and mic HOT 1
- previewAudioStream doesn't have any data HOT 1
- Error: There is already an encoder stored which handles exactly the same mime types HOT 4
- Current Chrome tab is not included in the list of tabs to screen record HOT 5
- mediaBlobURL is always the path to the previouse recording, not the current. HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-media-recorder.