|
|
@@ -97,9 +97,40 @@ class UnsupportedMobileBrowser extends Component {
|
|
97
|
97
|
</button>
|
|
98
|
98
|
</a>
|
|
99
|
99
|
</div>
|
|
|
100
|
+
|
|
|
101
|
+ {
|
|
|
102
|
+ this._renderStyle()
|
|
|
103
|
+ }
|
|
100
|
104
|
</div>
|
|
101
|
105
|
);
|
|
102
|
106
|
}
|
|
|
107
|
+
|
|
|
108
|
+ /**
|
|
|
109
|
+ * Renders an HTML style element with CSS specific to
|
|
|
110
|
+ * this UnsupportedMobileBrowser.
|
|
|
111
|
+ *
|
|
|
112
|
+ * @private
|
|
|
113
|
+ * @returns {ReactElement}
|
|
|
114
|
+ */
|
|
|
115
|
+ _renderStyle() {
|
|
|
116
|
+ // Temasys provide lib-jitsi-meet/modules/RTC/adapter.screenshare.js
|
|
|
117
|
+ // which detects whether the browser supports WebRTC. If the browser
|
|
|
118
|
+ // does not support WebRTC, it displays an alert in the form of a yellow
|
|
|
119
|
+ // bar at the top of the page. The alert notifies the user that the
|
|
|
120
|
+ // browser does not support WebRTC and, if Temasys provide a plugin for
|
|
|
121
|
+ // the browser, the alert contains a button to initiate installing the
|
|
|
122
|
+ // browser. When Temasys do not provide a plugin for the browser, we do
|
|
|
123
|
+ // not want the alert on the unsupported-browser page because the
|
|
|
124
|
+ // notification about the lack of WebRTC support is the whole point of
|
|
|
125
|
+ // the unsupported-browser page.
|
|
|
126
|
+ return (
|
|
|
127
|
+ <style type = 'text/css'>
|
|
|
128
|
+ {
|
|
|
129
|
+ 'iframe[name="adapterjs-alert"] { display: none; }'
|
|
|
130
|
+ }
|
|
|
131
|
+ </style>
|
|
|
132
|
+ );
|
|
|
133
|
+ }
|
|
103
|
134
|
}
|
|
104
|
135
|
|
|
105
|
136
|
/**
|