jesse/thirteen-tien-len
1
0
Fork 0
Code Issues 5 Pull Requests Projects Releases Wiki Activity

Fix react videochat component

Browse Source
This commit is contained in:
Jesse C. Fisher 2023-09-17 16:51:09 +00:00 committed by icwizardmonke
parent b378f2a93d
commit d7ed50c5a4
5 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Guardfile
View File

@ -35,7 +35,7 @@ guard :bundler do
files.each { |file| watch(helper.real_path(file)) } files.each { |file| watch(helper.real_path(file)) }
end end
guard 'rails', host: '0.0.0.0', port: 9913 do guard 'rails', host: '0.0.0.0', port: 9914 do
watch('Gemfile.lock') watch('Gemfile.lock')
watch(%r{^(config|lib)/.*}) watch(%r{^(config|lib)/.*})
end end

2
app/assets/javascripts/bundle.js
View File

File diff suppressed because one or more lines are too long

4
app/assets/javascripts/cable.js
View File

@ -6,8 +6,8 @@
//= require_tree ./channels //= require_tree ./channels
(function() { (function() {
this.App || (this.App = {}); this.VideoCall || (this.VideoCall = {});
App.cable = ActionCable.createConsumer(); VideoCall.cable = ActionCable.createConsumer();
}).call(this); }).call(this);

2
app/views/calls/root.html.haml
View File

@ -1,3 +1,3 @@
%main#root %main#root
%h1 If you're seeing this, something broke %h1 react component failed to load
-# , props = {id: @game.id, current_user: current_user}, html_options = {id: "game-component-container"} -# , props = {id: @game.id, current_user: current_user}, html_options = {id: "game-component-container"}

6
frontend/components/VideoCall.jsx
View File

@ -22,7 +22,7 @@ class VideoCall extends React.Component{
joinCall(e){ joinCall(e){
console.log("Hello from joinCall"); console.log("Hello from joinCall");
console.log(e); console.log(e);
App.cable.subscriptions.create( VideoCall.cable.subscriptions.create(
{ channel: "CallChannel" }, { channel: "CallChannel" },
{ {
connected: () => { connected: () => {
@ -130,7 +130,7 @@ class VideoCall extends React.Component{
.forEach(function (track) { track.stop(); }) .forEach(function (track) { track.stop(); })
this.localVideo.srcObject = null; this.localVideo.srcObject = null;
App.cable.subscriptions.subscriptions = []; VideoCall.cable.subscriptions.subscriptions = [];
this.remoteVideoContainer.innerHTML = ""; this.remoteVideoContainer.innerHTML = "";
broadcastData({ type: LEAVE_CALL, from: this.userId }); broadcastData({ type: LEAVE_CALL, from: this.userId });
} }
@ -150,4 +150,4 @@ class VideoCall extends React.Component{
</div>) </div>)
} }
} }
export default App; export default VideoCall;