Comments (15)
Hi @mariawitek that part is currently broken in most browsers unfortunately. Working on fixing it!
from hydra.
Ok, thanks for the update @ojack !
from hydra.
I have the same issue.
Not JS expert at all, but maybe this helps?
https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/srcObject
from hydra.
I just tried on a local server replacing line 61 on https://github.com/ojack/hydra/blob/1985574d65dacea079bad1824b06090b7187de90/hydra-server/app/src/pb-live.js#L61
for the following (as suggested in the previous link I sent)
if ('srcObject' in video) {
video.srcObject = stream
} else {
// Avoid using this in new browsers, as it is going away.
video.src = window.URL.createObjectURL(stream)
}
And it worked, streaming to a browser instance... Once haha
Rolled back to confirm that had done the trick, but then I couldn't get it to work once again:/
from hydra.
it worked!
I just added that very code in the bundle.js file and commented line 1123 (same as line 61 in the pb file) and I got a stream from one local instance to another :)
Tried (and it worked) in:
- Brave browser Version 1.7.92 Chromium: 80.0.3987.163 (Official Build) (64-bit)
- Chrome Version 81.0.4044.113 (Official Build) (64-bit)
- Firefox 70.0.1 (64-bit)
Seems to be a really easy fix luckily :)
from hydra.
Hey I just updated this! I thought it was something much more complicated, thanks @sanotronics . @mariawitek try and report back if it works!
Closing this for now, but feel free to keep commenting.
from hydra.
Hey thanks @ojack! I just tried in firefox and chrome, and it worked in both! (PS: I deleted a comment I just posted where I said it didn't work. I just needed to wait a bit!)
from hydra.
Oh thats great to hear! I would love to hear more about how you end up using this feature. It was something that was initially a part of hydra (and was one of the reasons I made it). But since then I haven't used it very much.
Going to close this issue but feel free to continue to add comments here.
from hydra.
So actually I'm using it for maybe a slightly unusual (and less interesting) reason.. I've been doing some live-streams with a DJ and don't have a webcam. We wanted to use one laptop as the webcam (placed so that both the DJ and I were visible), and then connect to another laptop to make patterns with the output in hydra and send that out via obs (hope that makes sense!)
from hydra.
Oh I'm so glad I could help out!
I think it's a great feature to use remote cam like a smart phone :) this gives you a lot more flexibility and resolution than the laptop webcam
I was able to use initCam() to use the front camera and initCam(1) for the back camera.
Will test later if the stream works but I have a feeling it will
from hydra.
from hydra.
I also have a friend who uses the output that this project generates, which is a controlled PWM RGB LED using the rolling shutter of the smartphones cams, and inputs this to hydra.
The result is quite awesome :)
Great work olivia :) Cheers from Argentina
from hydra.
@ojack do you still have that website to load the camera?
Looks like hydra doesn't load properly on iPhones :( in an iPad it does load π
from hydra.
@sanotronics no I don't. And oh no, did this update that was supposed to make it run on IOS, https://github.com/ojack/hydra/blob/5e289dc539ba51797f79e0d3840ba5441fb0e3a8/hydra-server/app/index.js#L23
but it seems it still isn't working. I don't have an ios device so can't test.
from hydra.
me neither, but I can work remotely with my father or this friend of mine to debug, if need be
It seems to work in iPad, so iOS shouldn't be the problem, but something related to iPhones :/
from hydra.
Related Issues (20)
- Link to interactive docs broken HOT 1
- p5 fails to init after reload
- dev branch double space triggers period
- set initStream quality
- a.onBeat() not working? HOT 1
- Add yourself to the contribution list π HOT 28
- exclude dist folder from dev branch HOT 7
- landing modal suggestions
- Dynamic canvas to pass into hydra-synth HOT 1
- WebRTC Deprecated? HOT 1
- WebRTC issue on local server
- Hydra three.js integration needs updating (+workaround)
- Hide code via urlParameter doesn't work anymore HOT 5
- needed to --ignore-engines to build
- Show documentation from within editor
- Make it easier to use local videos from within hydra editor
- Icons not visible if .brightness is set to 1
- simplify readme HOT 5
- add .github repo for the "landing" page on GH
- Use extensiΓ³n libraries "inside a web page" HOT 2
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 hydra.