RecordRTC|WebRTC - Edit code snippet for non-profit project

I have an existing HTML and .js code snippets that allows the user to click on a webpage photo which then starts the laptop video webcam and microphone recording. When the 'stop recording' button is clicked, the user can then click on a 'save' button and the video/audio is saved on the laptop in .webm format with a random filename that is generated by the existing script. I need this script/code edited so that: - When the photo is clicked to start the recording, a variable value (a unique reference id of the photo) must also be passed to the script. - When the stop recording button is pressed, the video/audio file is automatically saved on the laptop as a .webm file with the unique id variable value in the filename, as well as a date/timestamp, (so not a random filename), and then the html webpage automatically returns to the previous webpage of photos for the next recording. The use of this little code snippet is in a classroom for teaching English to elementary students in the country of Myanmar (Burma), who are learning English as a foreign language. In use, the web page displays all the photos of the children in the class. Each child in turn then taps on the laptop touchscreen to select their own photo. (This avoids having to ask for the child's name, because their level of English is very low and their names are not in English script). Additionally, it would be very difficult for the teacher to remember all of the children's names, and so this method ensures that each child is correctly identified. After the child selects their photo, the webcam and microphone start to record. The teacher can then ask the child a question and the child will try to answer the question. After the language practice with that child is completed (this only takes maybe 20 seconds each time), the teacher can click on the 'stop recording' button and the video file for that child will automatically be saved with the unique id variable value and date/timestamp in the filename, which therefore identifies that child in the laptop's database of the classes and provides a record of the date of the class. The script will automatically return to the webpage of children's photos and the teacher can then move to the next child to repeat the process. After the lesson is complete, the teacher can review each file, and be able to correctly identify each child in each video from the unique variable in the file name of each saved video. ** Please note that this is not a commercial project - the classroom teacher (myself) is paying for this project work so that I can provide these children with the best opportunity to improve their English The html code ([login to view URL]) and js scripts are attached.