{"id":12256,"date":"2021-08-19T00:00:00","date_gmt":"2021-08-18T16:00:00","guid":{"rendered":"https:\/\/fgchen.com\/wpedu2\/2021\/08\/19\/camera-web-app-with-html-5-and-javascript\/"},"modified":"2026-03-30T14:37:24","modified_gmt":"2026-03-30T06:37:24","slug":"camera-web-app-with-html-5-and-javascript","status":"publish","type":"post","link":"https:\/\/fgchen.com\/wpedu\/2021\/08\/camera-web-app-with-html-5-and-javascript\/","title":{"rendered":"Camera Web App with HTML 5 and JavaScript"},"content":{"rendered":"\u53c3\u8003\u6587\u7ae0\uff1a\n\n \n\n
    \n
  1. How to Access the Camera in a PWA<\/a><\/li>\n
  2. Recording Video from the User<\/a><\/li>\n
  3. Using the MediaStream Recording API<\/a><\/li>\n
  4. Recording Video in your PWA<\/a><\/li>\n
  5. How to Build a Simple iOS Home Screen PWA Camera Using Vue, Tailwind, and WebRTC on CodePen<\/a><\/li>\n<\/ol>\n\n
      \n
    1. Capture and save image with HTML5 and PHP<\/a><\/li>\n
    2. How to Use Webcam in PHP Using HTML5 and Save Image to Database<\/a><\/li>\n
    3. Capture Image From Video And Saving To Server In Javascript<\/a><\/li>\n<\/ol>\n\n
        \n
      1. How to record a video with audio in the browser with JavaScript (WebRTC)<\/a><\/li>\n
      2. Camera and Video Control with HTML5<\/a><\/li>\n
      3. Capturing Audio & Video with WebRTC<\/a><\/li>\n
      4. RecordRTC: WebRTC audio\/video recording<\/a><\/li>\n
      5. Recording a media element<\/a><\/li>\n
      6. Recording Video from the User<\/a><\/li>\n
      7. Capture Audio and Video in HTML5<\/a><\/li>\n
      8. Make a Camera Web App \u2014 Tutorial \/ Part: 1<\/a><\/li>\n
      9. Record Audio and Video with MediaRecorder<\/a><\/li>\n<\/ol>\n\n
        \n\n

        Youtube<\/h1>\n\n
          \n
        1. Capturing and Saving User Audio or Video with JavaScript<\/a><\/li>\n
        2. How To Create A Video Chat App With WebRTC<\/a><\/li>\n
        3. How to Record Video and Audio From Camera Using MediaRecorder WebRTC API in Javascript Full Project<\/a><\/li>\n<\/ol>\n\n \n\n

          Git<\/h1>\n\n
            \n
          1. VideoAudioRecorderJs<\/a><\/li>\n
          2. VidSnapper<\/a><\/li>\n<\/ol>","protected":false},"excerpt":{"rendered":"

            \u53c3\u8003\u6587\u7ae0\uff1a   How to Access the Camera in … <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[266],"tags":[],"class_list":["post-12256","post","type-post","status-publish","format-standard","hentry","category-266"],"_links":{"self":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/12256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/comments?post=12256"}],"version-history":[{"count":1,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/12256\/revisions"}],"predecessor-version":[{"id":13273,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/12256\/revisions\/13273"}],"wp:attachment":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/media?parent=12256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/categories?post=12256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/tags?post=12256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}