Getting image data from phone camera (MediaDevices.getUserMedia) into user post

Đã có trọn bộ đề thi thử THPT Quốc Gia 2022 các môn: vip.dethihsg247.com
Hàng ngàn mã giảm giá shopee 0đ hôm nay cập nhật tại đây

Sorry for the newbie, and poorly arranged question…

I’m trying to develop a super simple user based wordpress site. I want logged in users to take a photo with their phone which is then uploaded as a WP post (with a few additional fields, but I think that’s the easy part). Ideally the image or Post should be geotagged (I’m working with Google Maps API – I’ve got the site to ask permission for user location and show on Google Maps where the user is situated).

I’ve got some of the various components working separately, but not yet together.

I’m using the Navigator.mediaDevices web API to get the user camera working (I used this reference: https://blog.prototypr.io/make-a-camera-web-app-tutorial-part-1-ec284af8dddf)

BUT I cannot figure out what process I must take to save/embed this captured image into a WP post?

I know I can do a more simple ‘user upload’ form, where the user simply clicks ‘upload file’ then selects ‘camera’ and takes a photo, but the problem with this solution is it requires more steps of the user, and I need the camera to be ‘live’/’active’ as soon as they log onto the site.

I know this is super vague so far, so I don’t expect any solid answers, but some tips on which path I should follow would be much appreciated!

Thanks

Xin chào các bạn và quý Thầy Cô. Hãy nhập từ khóa mình muốn vào ô tìm kiếm trên Website để tìm kiếm mọi thứ hoặc trên google các bạn hãy nhập từ khóa + dethihsg247.com để tìm kiếm các bài viết của chúng tôi nhé.
  • Hiện tại chúng tôi có hơn 25 nghìn bài văn mẫu các thể loại.
  • Kho tài liệu, đề thi học sinh giỏi các lớp vô cùng phong phú.
  • Mỗi ngày cập nhật hơn 100 đề thi chất lượng từ các website bán tài liệu lớn.

Tải đề thi VIP với giá siêu rẻ tại Vip.Dethihsg247.Com