iPad Camera to Raspberry Pi to Azure Blob

I want to use a Raspberry Pi 3 B+ to send images taken from an iPad camera to an Azure blob. I have each individual piece working, but am struggling to get the HTML code to work inside the Node-Red dashboard.

I created an Apache2 webserver on the Raspberry Pi and configured an SSL certificate. I then followed these instructions to capture the image and save it to the RPi. It worked as desired with the Safari browser on the iPad. https://itsolutionstuff.com/post/php-webcam-capture-image-and-save-from-cameraexample.html

Then I copied the HTML code to a ui_template node. I can see the webcam stream from my Logitech Brio connected to the RPi, but I get this error when I click Take Snapshot: "Webcam.js Error: Webcam is not loaded yet." I get the same error from my iPad and Android. I followed these instructions for configuring SSL in Node-Red, but that didn't help.
http://www.steves-internet-guide.com/securing-node-red-ssl/

Once I get this figured out, I'm sure the next issue will be getting the PHP code that save the file to the RPi to work from within the Node-Red Dashboard.

Any help or guidance would be appreciated.

Thanks,
Steve