Hello,
I’m looking for some help customising WP comments. I expect this is most easily done with WP hooks but this is the most I’ve done with hooks so far and I haven’t yet found the right combination.
The site uses CameraTag.com to record and play video. There are a couple lines of script in the header of each page to enable tags that embed a recorder and player.
This tag adds a video recorder to the site:
<camera id="MyFirstCamera" data-app-id="a-aad8cd60-00c7-0134-af93-1217e1551dfd"></camera>
When a video is recorded, it puts a unique VideoID into a hidden input form field:
<input id="MyFirstCamera_video_uuid" type="hidden" name="MyFirstCamera[video_uuid]" value="v-cb6c0062-3324-4d7f-b35f-a7d334415848">
I would like to retrieve the VideoID from the form value and use it to create an HTML tag that retrieves the correct video. I’m guessing JS is the easiest way to retrieve the value, but I’m open to suggestions. This is an example of what I need to generate.
<video id='rando' data-uuid='["v-a08e9e9a-d84d-43ea-9355-ccebceb234c5"]'></video>
This tag should be inserted into the default comment form field and the comment submitted to WP. When visitors view the page of comments, they see video players for each comment submitted instead of text.
—
The description above is the main priority. The rest of this request, below, can wait if necessary (or go in a separate ticket?).
I would also like to replace the default submit button, though I suspect this could complicate things.
As described above, the user would record a video, click to accept (and save it to CameraTag.com), and then have to click the WordPress submit button for it to appear on the site. We’ll probably lose a few people who’ve recorded a video but not submitted it to the site.
It would be better if I could remove the separate submit button and use the ‘accept video’ button in the embeded recorder. It looks like this could be done with JS events sent from CameraTag, but that’s more JS than I know. When a user accepts a video, it triggers a ‘published’ message. As described above, the VideoID is sent, it is put into the tag, the tag is put into the comment form and submitted to the site.