יצא לכם להשתמש בReactJs-Hooks עם מצלמה- אשמח לעזרה.

[אישונת]

שלום,
אשמח לקבלת עזרה.
התקנתי את הספריה REACT-MEDIA-RECORD.
אני מצליחה להציג את התמונה/ וידיאו על המסך,
אבל לא ראוה את האפשרות לשמור בתור קובץ במחשב (רק בReact Native).

אודה לעזרתכם,
תודה רבה!

 

[אישונת]

אולי בכ"ז?

 

[java]

את מתכוונת על הספריה react-media-recorder?
לא התנסיתי בזה אבל אני רואה שהפונקציה onStop מחזירה urlBlob.
אז עכשיו לכאורה מה שאת צריכה זה react download blob file
מגיגול מהיר נראה שזה הפיתרון
https://stackoverflow.com/questions/31214677/download-a-reactjs-object-as-a-file
אבל אם זה לא יעזור היו עוד תשובות.
בהצלחה!

 

[java]

או אולי, יותר מדויק.
javascript download file from url

 

[אישונת]

את מתכוונת על הספריה react-media-recorder?
לא התנסיתי בזה אבל אני רואה שהפונקציה onStop מחזירה urlBlob.
אז עכשיו לכאורה מה שאת צריכה זה react download blob file
מגיגול מהיר נראה שזה הפיתרון

תודה רבה על ההחלצות לכל שאלה!!
אני אבדוק את זה.

 

[אישונת]

הוא מחזיר לי URL כזה
blob:http://localhost:3000/ecec5530....
כשאני פותחת בכרטיסיה אחרת הוא לא מציג לי כלום חוץ ממסך שחור.

לא התנסיתי בזה אבל אני רואה שהפונקציה onStop מחזירה urlBlob.
אז עכשיו לכאורה מה שאת צריכה זה react download blob file

 

[java]

blob

זה חלק מהURL או שזה חלק מהאוביקט?

כשאני פותחת בכרטיסיה אחרת הוא לא מציג לי כלום חוץ ממסך שחור.

ניסית לקרוא את הblob מתוך הurl?
תנסי לעשות fetch לurl ולראות מה חוזר.
אח"כ להוריד את התמונה בfile reader כלשהו.

 

[אישונת]

זה חלק מהURL או שזה חלק מהאוביקט?

חלק מהURL

ניסית לקרוא את הblob מתוך הurl?
תנסי לעשות fetch לurl ולראות מה חוזר.
אח"כ להוריד את התמונה בfile reader כלשהו.

אני אנסה, תודה על הכיוון..

 

[גזעי]

אני יכול להמליץ על הספריה RecordRTC,
חוסכת המון זמן פיתוח!
וגם יש שם פונקציות גלובליות לעבוד עם הblob, יש getSeekableBlob שמסדר את הבאג בכרום שאי אפשר לחפש בבלוב.
ויש שם פונקציות לשמור למחשב\לindexedDB

 

[5127109]

ככה הופכים בלוב ליואל והולכים ליוראל ואפשר להוריד אותו

 URL.createObjectURL(blob)

URL: createObjectURL() static method - Web APIs | MDN

The URL.createObjectURL() static method creates a string containing a URL representing the object given in the parameter.

developer.mozilla.org

 

[אישונת]

אני יכול להמליץ על הספריה RecordRTC,
חוסכת המון זמן פיתוח!
וגם יש שם פונקציות גלובליות לעבוד עם הblob, יש getSeekableBlob שמסדר את הבאג בכרום שאי אפשר לחפש בבלוב.
ויש שם פונקציות לשמור למחשב\לindexedDB

תודה, אנסה את זה.

ככה הופכים בלוב ליואל והולכים ליוראל ואפשר להוריד אותו

תודה רבה!
בודקת...

 

[אישונת]

אחרי כל הנסיונות...
התבססתי על הקוד הזה:

MediaStream Recording

WebRTC code samples

webrtc.github.io

אני נתקלת בבעיה.
בלחיצה על play הוא מציג לי סימן שהוידאו נטען בלי להציג לי מה הקליט.
אחרי שאני מציגה את הקובץ שהורד אני מקבלת שגיאה שסוג הקובץ לא נתמך.
אשמח מאד לעזרתכם!
תודה רבה!!
מצרפת קוד:

 

[אישונת]

UP