{"id":13034,"date":"2024-06-17T12:00:41","date_gmt":"2024-06-17T09:00:41","guid":{"rendered":"https:\/\/studios.aalto.fi\/?page_id=13034"},"modified":"2025-08-04T10:16:33","modified_gmt":"2025-08-04T07:16:33","slug":"audiovisual-productions-contact-form","status":"publish","type":"page","link":"https:\/\/studios.aalto.fi\/fi\/audiovisual-productions-contact-form\/","title":{"rendered":"Audiovisual Productions Contact Form"},"content":{"rendered":"\n<div class=\"wp-block-columns as-default-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column as-default-columns-main-content is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p><em>From making a compact remote teaching video to the really big green screen production; we have a selection of professionals and spaces to answer your needs.<\/em><\/p>\n\n\n\n<style>\n\n.needsAttention\n{\n\tborder-color: #f90 !important;\n}\n\nspan.needsAttention\n{\n\tcolor: #f90 !important;\n}\n\n[data-required]::after\n{\n\tcontent: \" *\";\n\tfont-size: 0.75rem;\n\tvertical-align: middle;\n}\n\n#form input[type=text],\n#form input[type=tel],\n#form input[type=email],\n#form input[type=url],\n#form textarea,\n#form select,\n#form button,\n#form ::file-selector-button\n{\n\ttext-align: initial;\n\ttext-indent: initial;\n\ttext-shadow: initial;\n\ttext-transform: initial;\n\tword-spacing: initial;\n\tletter-spacing: initial;\n    font-size: 0.9rem;\n    font-weight: 300;\n}\n\n#form input:read-write, textarea:read-write\n{\n\t-moz-user-modify: read-write !important;\n}\n\n#form input[type=text],\n#form input[type=tel],\n#form input[type=email],\n#form input[type=url],\n#form textarea\n{\n\tborder: 1px solid var(--aalto-studios-color-low-contrast);\n\tbackground-color: var(--aalto-studios-color-shelf);\n\tmargin-top: 6px !important;\n\tmin-width: 240px;\n\twidth: calc(100% - 3rem);\n\t-webkit-appearance: none;\n\tpadding: 0 0.75rem !important;\n\tmin-height: 44px !important;\n\tborder-radius: 8px !important;\n\tcolor: var(--wp--preset--color--contrast);\n}\n\n#form textarea\n{\n\tpadding: 0.75rem !important;\n\tmin-height: 96px !important;\n}\n\n#form input[type=file]\n{\n\tfont-size: 0.8rem;\n\tmargin-top: 0.5rem;\n\tbackground: none;\n}\n\n#form input[type=text].inset\n{\n}\n\n#form input[type=\"checkbox\"]\n{\n  vertical-align: middle;\n}\n\n#form label\n{\n\tfont-weight: 300;\n}\n\n#form label + em\n{\n    display: block;\n\tfont-style: normal;\n\tfont-size: 0.80rem;\n\tcolor: var(--secondaryTextColor);\n}\n\n#form .wp-element-button\n{\n  background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple);\n  color: #fff !important;\n  min-width: 16rem;\n  transition: 0.5s background linear;\n}\n\n#form .wp-element-button:disabled\n{\n  background: rgb(128,128,128) !important;\n  transition: 0.5s background linear;\n}\n\n.consentParagraph\n{\n    font-size: 0.9rem;\n}\n\n#processMessage\n{\n\tdisplay: none;\n}\n\n#processMessage.visible\n{\n\tdisplay: block;\n}\n\n.success\n{\n\tborder-radius: var(--borderRadius);\n\tmargin: 0.1rem 0 0 0 !important;\n\tpadding: 0.2rem 1rem !important;\n\tborder: 2px solid rgba(0,255,0,0.5);\n\tbackground: rgba(0,255,0,0.1);\n}\n\n.error\n{\n\tborder-radius: var(--borderRadius);\n\tmargin: 0.1rem 0 0 0 !important;\n\tpadding: 0.2rem 0.5rem !important;\n\tborder: 2px solid rgba(255,0,0,0.5);\n\tbackground: rgba(255,0,0,0.1);\n}\n\n#processMessage h3\n{\n\tmargin-top: 1rem !important;\n}\n\n<\/style>\n\n<div id=\"processMessage\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Before_we_begin\"><\/span>Before we begin<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Streaming\"><\/span>Streaming<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>We do not currently provide tailor-made streaming services for events on location. <\/strong>Instead, we recommend using our already set up <a href=\"https:\/\/studios.aalto.fi\/marsio-stage\/\" data-type=\"page\" data-id=\"12454\">Saastamoinen Foundation Stage<\/a> for events that benefit from having both a local audience and a live broadcast.<\/p>\n\n\n\n<p>We can also consult you on best streaming practices, and who to contact both inside and outside Aalto University. Our self-service facilities can be used with the usual streaming platforms and these spaces are excellent for remote teaching, joining a live event or giving or a keynote speech, for example.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Self-service\"><\/span>Self-service<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"has-text-align-left\">Some of our facilities are designed for using them by yourself. Creating lecture videos and sound recordings, teaching classes, and participating in extended reality experiences are examples of what these spaces can help you do:<\/p>\n\n\n\n<p><a href=\"https:\/\/studios.aalto.fi\/self-service-studio\/\">Self-service Studio<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/studios.aalto.fi\/podcast-studio\/\" data-type=\"link\" data-id=\"https:\/\/studios.aalto.fi\/podcast-studio\/\">Podcast Studio<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/studios.aalto.fi\/teaching-studio\/\">Teaching Studio<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/studios.aalto.fi\/a-pod\/\">A Pod<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/studios.aalto.fi\/remote-teaching-studios\/\">Remote Teaching Studios<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Tailor-made_video_productions\"><\/span>Tailor-made video productions<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Let&#8217;s work together to first build a production plan, then step through the various stages of making it happen. To get up to speed, here are some questions we would kindly ask you to answer first.<\/p>\n\n\n\n<form id=\"form\" action=\"https:\/\/studios.aalto.fi\/process\/av-contact.php\" method=\"post\" enctype=\"multipart\/form-data\">\n\n<h3><span class=\"ez-toc-section\" id=\"Contact_information\"><\/span>Contact information<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n<p><label data-required=true>Your name<br><input name=\"name\" type=\"text\"><\/label><br><\/p>\n\n<p><label>Your phone number<br><input name=\"phone\" type=\"tel\"><\/label><br><\/p>\n\n<p><label data-required=true>Your email address<br><input name=\"email\" type=\"email\"><\/label><br><\/p>\n\n<h3><span class=\"ez-toc-section\" id=\"Project_information\"><\/span>Project information<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n<p><label data-required=true>Project name<br><input name=\"project_name\" type=\"text\"><\/label><em class=\"block\">A working title is fine, this doesn&#8217;t have to match any official records.<\/em><\/p>\n<p><label>Project or course number<br><textarea name=\"project_or_course_number\"><\/textarea><\/label><em>If an official Aalto one exists.<\/em><\/p>\n<p><label>Department, school or other unit<br><input name=\"unit\" type=\"text\"><\/label><em class=\"block\">The department or other Aalto University unit running the project, or your organization if not in Aalto.<\/em><\/p>\n<p><label>Budget<br><textarea name=\"budget\"><\/textarea><\/label><em>A budget typically needs to cover production facilities, equipment rentals, freelance staff and related expenses.<\/em><\/p>\n<p><label>Video length(s)<br><input type=\"text\" name=\"video_length\"><\/textarea><\/label><em>The running time in minutes of the final video(s)<\/em><\/p>\n<p><label>Shooting locations<br><textarea name=\"locations\"><\/textarea><\/label><em>Do you have one or more locations in mind, or would you need help in finding one?<\/em><\/p>\n<p><label>Shooting dates<br><textarea name=\"dates\"><\/textarea><\/label><em>When would the on-location production need to take place?<\/em><\/p>\n<p><label>Project background and objectives<br><textarea name=\"background_and_objectives\"><\/textarea><\/label><em>What is the story behind your project and what would you like to achieve?<\/em><\/p>\n<p><label>Target audience<br><textarea name=\"audience\"><\/textarea><\/label><em>Who are you creating this for and where do you plan to distribute it when ready? Would you need our help figuring this out?<\/em><\/p>\n<p><label>Required post-production elements<br><textarea name=\"mandatory_elements\"><\/textarea><\/label><em>Are there any additions, such as logos, graphs, fonts for names, presentation slides, animations, sounds, music or voiceover work? We like to think ahead! Do you already have in mind could happen in post-production?<\/em><\/p>\n<p><label>Final deadline<br><textarea name=\"deadline\"><\/textarea><\/label><em>Before putting a date down please consider the whole process from pre-production, shooting, post-production to the final deadline.<\/em><\/p>\n\n<h3><span class=\"ez-toc-section\" id=\"Advanced_production_details\"><\/span>Advanced production details<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n<p><label>Preferred camera, sound, or light equipment?<br><textarea name=\"preferred_equipment\"><\/textarea><\/label><em>Do you plan to use equipment of your own, or do you have something in mind at <a target=\"_new\" href=\"https:\/\/takeout.aalto.fi\" rel=\"noopener\">Aalto Takeout<\/a> we should book for you?<\/em><\/p>\n<p><label>Learning objectives<br><textarea name=\"les_objectives\"><\/textarea><\/label><em>If the video production is related to teaching, what learning objectives does it address and how does it support student learning?<\/em><\/p>\n<p><label>Pedagogical assistance<br><textarea name=\"les_assistance\"><\/textarea><\/label><em>What kind of pedagogical support or instructional design assistance do you expect in the different phases of the project?<\/em><\/p>\n\n<h2><span class=\"ez-toc-section\" id=\"Privacy_overview\"><\/span>Privacy overview<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p class=\"inputParagraph consentParagraph\" data-required=\"true\"><label>\n<input type=\"checkbox\" name=\"Consent\" value=\"Consent\"><span> I consent to having the data I submit being stored and used by Aalto Studios for contacting me regarding audiovisual productions.<\/span><\/label><\/p>\n<p class=\"consentParagraph\">We <a href=\"http:\/\/studios.aalto.fi\/privacy-policy\/\" target=\"_blank\" rel=\"noopener\">value your privacy<\/a> and will keep this data private to our best ability.<\/p>\n<p class=\"consentParagraph\">To review or remove this data, contact us at <a href=\"mailto:studios@aalto.fi\">studios@aalto.fi<\/a><\/p>\n\n<input type=\"hidden\" id=\"sauce\" name=\"sauce\" value=\"8\">\n\n<p><\/p>\n<p><input id=\"submitButton\" class=\"wp-element-button\" type=\"submit\" value=\"Submit\"><\/p>\n<\/form>\n<\/div>\n\n\n\n<div class=\"wp-block-column as-default-columns-sidebar is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;flex-basis:33.33%\">\n<div class=\"wp-block-group aalto-studios-card-empty has-small-font-size has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h5 class=\"wp-block-heading\">Marsio event inquiries and booking<\/h5>\n\n\n\n<p>See the <a href=\"https:\/\/www.aalto.fi\/en\/marsio\/organising-an-event-in-marsio\" data-type=\"link\" data-id=\"https:\/\/www.aalto.fi\/en\/marsio\/organising-an-event-in-marsio\">guide to arranging an event at Marsio,<\/a> where you&#8217;ll also find the contact form for getting started.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group aalto-studios-card-empty has-small-font-size has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-aalto-studios-at-aalto-university wp-block-embed-aalto-studios-at-aalto-university\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"7HdMSxFXzd\"><a href=\"https:\/\/studios.aalto.fi\/av-production-management\/\">AV Production Service<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"&#8220;AV Production Service&#8221; &#8212; Aalto Studios at Aalto University\" src=\"https:\/\/studios.aalto.fi\/av-production-management\/embed\/#?secret=eWZsQmNmT6#?secret=7HdMSxFXzd\" data-secret=\"7HdMSxFXzd\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<script>\t \ndocument.addEventListener(\"DOMContentLoaded\", function() {\t \nconst form = document.getElementById('form');\t \nconst submitButton = document.getElementById('submitButton');\t \nconst processMessage = document.getElementById('processMessage');\t \n\/\/ Disable submit button on page load and start a timer\t \nsubmitButton.disabled = true;\t \nlet loadTime = Date.now();\t \nsetTimeout(() => {\t \nsubmitButton.disabled = false;\t \n}, 5000);\t \nform.addEventListener('submit', function(event) {\t \nevent.preventDefault(); \/\/ Prevent default form submission\t \nlet valid = true;\t \nconst requiredFields = form.querySelectorAll('[data-required=\"true\"] input, [data-required=\"true\"] textarea, [data-required=\"true\"] input[type=\"checkbox\"]');\t \n\t \n\/\/ Remove needsAttention class from all fields\t \nrequiredFields.forEach(field => {\t \nfield.classList.remove('needsAttention');\t \n});\t \n\/\/ Check required fields\t \nrequiredFields.forEach(field => {\t \nif ((field.type === 'checkbox' && !field.checked) || (field.type !== 'checkbox' && !field.value.trim())) {\t \nfield.classList.add('needsAttention');\t \nvalid = false;\t \n}\t \n});\t \nif (!valid) {\t \nalert('Please fill out all required fields.');\t \nreturn;\t \n}\t \n\/\/ Disable submit button and change text\t \nsubmitButton.disabled = true;\t \nsubmitButton.value = 'Processing\u2026';\t \n\/\/ Calculate the time difference between load and submission\t \nconst timeElapsed = Math.floor((Date.now() - loadTime) \/ 1000);\t \n\/\/ Prepare form data\t \nconst formData = new FormData(form);\t \nformData.append('sauce', timeElapsed);\n\n\/\/ Send form data via fetch API\t \nfetch('https:\/\/studios.aalto.fi\/process\/av-contact.php',\n{\t \t \n\tmethod: 'POST',\t \n\tbody: formData\t \n})\t \n.then(response => {\n    \/\/ Check if the response is OK\n    if (!response.ok) {\n        throw new Error('Network response was not ok.');\n    }\n\n    \/\/ Extract the response body as text\n    return response.text();\n})\n.then(data => {\n    \/\/ Log the response body\n    console.log(data);\n    \n    if ( data == '<p class=\"success\">Your contact request was sent, thank you!<\/p>')\n    {\n\t\t\/\/ Update the UI to show success message\n\t\twindow.scrollTo(0, 0);\n\t\tprocessMessage.innerHTML = '<h3><span class=\"ez-toc-section\" id=\"Thanks\"><\/span>Thanks<span class=\"ez-toc-section-end\"><\/span><\/h3><p>We received your message.<\/p>';\n\t\tprocessMessage.classList.add('success');\n\t\tprocessMessage.classList.remove('error');\n\t\tprocessMessage.classList.add('visible');\n\t\tsubmitButton.value = 'Sent';\n    }\n    else\n    {\n       \/\/ Update the UI to show error message\n\t\twindow.scrollTo(0, 0);\n\t\tprocessMessage.innerHTML = '<h3><span class=\"ez-toc-section\" id=\"Error\"><\/span>Error<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Something went wrong. Try submitting again, and contact us directly over email if the issue persists<\/p>';\n\t\tprocessMessage.classList.add('error');\n\t\tprocessMessage.classList.remove('success');\n\t\tprocessMessage.classList.add('visible');\n\t\tsubmitButton.value = 'Sent';\n    }\n    \n \n})\n.catch(error => {\n    \/\/ Handle errors\n    console.error(error);\n    alert('There was a problem sending your message. Try again, and contact us directly over email if the issue persists.');\n})\n.finally(() => {\n    \/\/ Re-enable submit button after 5 seconds\n    setTimeout(() => {\t \n        submitButton.disabled = false;\t \n        submitButton.value = 'Submit again';\t \n    }, 5000);\n});\n\n});\t \n});\t \n\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Contact our AV Production Team using this nifty form.<\/p>\n","protected":false},"author":1,"featured_media":15791,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"tags":[526,743,744,746,658,252],"facilitycategories":[],"productcategories":[],"class_list":["post-13034","page","type-page","status-publish","has-post-thumbnail","hentry","tag-audiovisual","tag-hetta","tag-huhtamaki","tag-savola","tag-tuotanto","tag-video"],"acf":[],"mb":[],"mfb_rest_fields":["title"],"_links":{"self":[{"href":"https:\/\/studios.aalto.fi\/fi\/wp-json\/wp\/v2\/pages\/13034","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studios.aalto.fi\/fi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studios.aalto.fi\/fi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studios.aalto.fi\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studios.aalto.fi\/fi\/wp-json\/wp\/v2\/comments?post=13034"}],"version-history":[{"count":70,"href":"https:\/\/studios.aalto.fi\/fi\/wp-json\/wp\/v2\/pages\/13034\/revisions"}],"predecessor-version":[{"id":16268,"href":"https:\/\/studios.aalto.fi\/fi\/wp-json\/wp\/v2\/pages\/13034\/revisions\/16268"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studios.aalto.fi\/fi\/wp-json\/wp\/v2\/media\/15791"}],"wp:attachment":[{"href":"https:\/\/studios.aalto.fi\/fi\/wp-json\/wp\/v2\/media?parent=13034"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studios.aalto.fi\/fi\/wp-json\/wp\/v2\/tags?post=13034"},{"taxonomy":"facilitycategories","embeddable":true,"href":"https:\/\/studios.aalto.fi\/fi\/wp-json\/wp\/v2\/facilitycategories?post=13034"},{"taxonomy":"productcategories","embeddable":true,"href":"https:\/\/studios.aalto.fi\/fi\/wp-json\/wp\/v2\/productcategories?post=13034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}