28 Commits (60fde5efb87664db0a846ac065fcc1f483c36e46)

Author	SHA1	Message	Date
Zoltan Bettenbuk	79b7e1641d	Add pinch zoom functionality	7 years ago
Zoltan Bettenbuk	decbcefbd4	[RN] Don't press on Conference in preparation for 'pinch to zoom' ... TouchableWithoutFeedback and TouchableHighlight interfere with the implementation of 'pinch to zoom' to come. We prepare for it by driving the onClick/onPress handler(s) out of Conference, through LargeVideo and ParticipantView into Video itself where the bulk of 'pinch to zoom' will be implemented.	7 years ago
Lyubo Marinov	cacc4bd769	[RN] Dynamically adjust LargeView's Avatar to available size (Coding style: comments, flow) ... Flow caught an incorrect function call.	7 years ago
Saúl Ibarra Corretgé	1419247801	[RN] Dynamically adjust LargeView's Avatar to available size ... When in PiP mode the LargeView will not be large enough to hold the avatar (for those interested in the details, our avatar's size is 200, and in PiP mode the app is resized to about 150). In order to solve it, this PR refactors how the avatar style is passed along, reducing it to a single "size" prop. With this only prop, the Avatar compononent will compute the width, height and borderRadius, plus deal with some Android shenanigans. In addition, the LargeView component now uses DimensionsDetector to check its own size and adjust the size prop passed to the Avatar component as needed.	7 years ago
virtuacoplenny	4fb37c38eb	fix(large-video): do not show background for Firefox and temasys (#2316) ... * ref(large-video): reactify background This is pre-requisite work for disabling the background on certain browsers, namely Firefox. By moving the component to react, and in general encapsulating background logic, selectively disabling the background will be easier. The component was left for LargeVideo to update so it can continue to coordinate update timing with the actual large video display. If the background were moved completely into react and redux with LargeVideo, then background updates would occur before large video updates causing visual jank. * fix(large-video): do not show background for Firefox and temasys Firefox has performance issues with adding filter effects on animated elements. On temasys, the background videos weren't really displaying anyway. * some props refactoring Instead of passing in classes to LargeVideoBackground, rely on explicit props. At some point LargeVideo will have to be reactified and the relationsihp between it and LargeVideoBackground might change, so for now make use of props to be explicit about how LargeVideoBackground can be modified. Also, set the jitsiTrack to display on LargeVideoBackground to null if the background is not displayed. This was an existing optimization, although previously done with pausing and playing. * squash: use newly exposed RTCBrowserType * squash: rebase and use new lib browser util * squash: move hiding logic all into LargeVideo * squash: remove hiding of background on stream change. hopefully doesnt break anything	7 years ago
Saúl Ibarra Corretgé	5640524647	[RN] Show an indication when connectivity problems occur ... The video will switch to the avatar and be tinted with gray. On the large view, a text message indicating the user has connectivity issues will be shown.	8 years ago
virtuacoplenny	03e68b0e4b	feat(video-quality): hide if recorder or interfaceConfig specified it (#2166)	8 years ago
paweldomas	b74bede0e7	feat(web/RN): update React to v16 and React Native to 0.49	8 years ago
Lyubo Marinov	2d73e9ace4	Flow, coding style	8 years ago
Saúl Ibarra Corretgé	bb39ffe562	[RN] Fix selecting the local participant in the large view ... Never show the local participant in the large view unless it's the only participant. This fixes 2 issues: - selecting the local participant when the camera permission wasn't granted - selecting the other participant when they join a 1-1 call with video muted	8 years ago
Lyubo Marinov	f53c79ab24	Flow, coding style	8 years ago
Lyubo Marinov	4bf19d73fd	[RN] Fix documentation comments ... * Javadoc introduced @code as a replacement of <code> and <tt> which is better aligned with other javadoc tags such as @link. Use it in the Java source code. If we switch to Kotlin, then we'll definitely use Markdown. * There are more uses of @code in the JavaScript source code than <tt> so use @code for the sake of consistency. Eventually, I'd rather we switch to Markdown because it's easier on my eyes. * Xcode is plain confused by @code and @link. The Internet says that Xcode supports the backquote character to denote the beginning and end of a string of characters which should be formatted for display as code but it doesn't work for me. <tt> is not rendered at all. So use the backquote which is rendered itself. Hopefully, if we switch to Markdown, then it'll be common between JavaScript and Objective-C source code.	8 years ago
Lyubo Marinov	2e2129fa44	Import PropTypes from prop-types ... Prepare for React 16.	8 years ago
virtuacoplenny	735a596afe	ref(recording): convert recording label to react (#1915) ... * ref(recording): convert recording label to react - Create a RecordingLabel component for displaying the current recording state, as reflected in the redux store. This is needed for 1-on-1 mode to be completely in redux. - Update the store with the recording state so RecordingLabel can update itself. - Remove previous logic for updating the non-react label, which includes event emitting for filmstrip visibility changes, as RecordingLabel is hooked into redux updates. * ref(recording): use status and type constants from lib * make label really dumb, move logic back to Recording	8 years ago
virtuacoplenny	d8cd3e75b4	feat(quality-slider): initial implementation (#1817) ... * feat(quality-slider): initial implementation - Add new menu button with an Inline Dialog slider for selecting received video quality. - Place P2P status in redux store for the Inline Dialog to display a warning about not respecting video quality selection. - Respond to data channel open events by setting receive video quality. This is for lonely call cases where a setting is set before the data channel is open. - Remove dropdown menu from video status label and clean up related js and css. * first pass at addressing feedback - Move VideoStatusLabel to video-quality directory. - Rename VideoStatusLabel to VideoQualityLabel. - Open VideoQualitydialog from VideoQualityLabel. - New CSS for making VideoQualityLabel display properly. - Do not render VideoQualityLabel in filmstrip only instead of hiding with css. - Remove tooltip from VideoQualityLabel. - Show LD, SD, HD labels in VideoQualityLabel. - Remove action SET_LARGE_VIDEO_HD_STATUS from conference. - Create new action UPDATE_KNOWN_LARGE_VIDEO_RESOLUTION in large-video. - Move VideoQualityButton into video-quality directory. - General renaming (medium -> standard, menu -> dialog). - Render P2P message between title and slider. - Add padding to slider for displacement caused by P2P message's new placement. - Fix display issue with VideoQualityButton displaying out of line in the primary toolbar. * second pass at addressing feedback - Fix p2p inline message color - Force labels to break on words - Resolve rebase issues, including only dispatching quality update on change. Before there was double calling of dispatch produced by an IE11 workaround. This breaks now when setting audio only mode to true twice. - Rename some instances of quality to definition * rename to data channel opened * do not show p2p in audio only * stop toggle audio only icon automatically * remove fixme about toolbar button * find closest resolution for label * toggle dialog on button click * redo last commit for both button and label	8 years ago
virtuacoplenny	c04ef05058	feat(presence): display status in thumbnail and large video (#1828) ... * feat(presence): display status in thumbnail and large video - Create a React Component for displaying presence. It currently connects to the store for participant updates but in the future should not be as smart once more reactification occurs. - Modify filmstrip css so the presence status displays horizontal center and below the avatar. - Modify videolayout css so the presence status displays horizontal centered and with a rounded background. - Dispatch presence updates so the participant state can be update. - Update message position on large video update to ensure message positioning is correct. * squash: do not show presence message if connection message is displayed	8 years ago
hristoterezov	486d0802a8	fix(largevideo): show the background video only for video container type	8 years ago
hristoterezov	c250da59d5	fix(videolayout): Resize calculations	8 years ago
Ilya Daynatovich	0aee5e5b48	Add blurring effect	8 years ago
Lyubo Marinov	25ec8ac6a7	Prepare for eslint 4	8 years ago
Lyubo Marinov	ca94563c51	[RN] Coding style ... The files styles.js are used (pretty much) on React Native only and each of them exports 1 name. Export it as default to cut down on source code.	8 years ago
Lyubo Marinov	4dc658c270	Fix 'Missing JSDoc comment  require-jsdoc'	8 years ago
Saúl Ibarra Corretgé	5304660e14	[RN] Polyfill Symbol	8 years ago
Lyubo Marinov	b7c4ebba84	Web Filmstrip & LargeVideo React Components ... We've had Filmstrip & LargeVideo React Components on mobile/React Native from the start. We didn't have them on Web (because the rewrite in React is not complete yet). However, that led to differences in the React Component Conference on Web and mobile. In an effort to get closer to merging the React Component Conference on Web and mobile, introduce the React Components Filmstrip & LargeVideo on Web even if a minimal render-only form at this time.	8 years ago
hristoterezov	9ea224412d	ref(avatar): Move Avatar and Participant view to base/participants	8 years ago
Lyubomir Marinov	55a8b44224	Consistent middleware and reducer imports	8 years ago
Lyubomir Marinov	2189ab7ee6	Consistent naming of react-redux's mapStateToProps ... Until we make a decision on access modifier hints and adopt a respective coding style, consistency is king.	8 years ago
Lyubomir Marinov	eaed9db1e7	Name folders consistently	8 years ago