{"id":6273,"date":"2025-05-20T00:00:00","date_gmt":"2025-05-19T22:00:00","guid":{"rendered":"https:\/\/seriousfactory.com\/blog\/?p=6273"},"modified":"2025-08-19T11:22:31","modified_gmt":"2025-08-19T09:22:31","slug":"enrich-your-e-learning-modules-with-the-media-block-in-the-vts-environment","status":"publish","type":"post","link":"https:\/\/seriousfactory.com\/blog\/en\/enrich-your-e-learning-modules-with-the-media-block-in-the-vts-environment\/","title":{"rendered":"Enrich Your E-Learning Modules with the Media Block in the VTS Environment"},"content":{"rendered":"

Why the VTS Scenery Media Block Boosts Attention and Memory<\/h2>\n

In a context where attention is scarce and memory demands are high, the VTS scenery media block<\/strong> changes the game. It embeds an image or video directly within a screen or frame in the scenery (computer, TV, whiteboard, kiosk, wall frame) of VTS Editor<\/a>. Unlike full-screen video, which \u201cbreaks\u201d the scene, the media stays in situ<\/em> while characters continue to speak and react. The result: content that relies on context, strengthens meaning, and keeps the learner immersed in the story \u2014 precisely what training managers, instructional designers, and HR teams are looking for.<\/p>\n

This principle aligns with research on multimedia learning and the guidance effect<\/em>, which reduces cognitive load when text, audio, and visuals are integrated within the same perceptual space. See, for example, the Cambridge Handbook of Multimedia Learning (Mayer)<\/a> and studies on the \u201csplit attention\u201d effect (Chandler & Sweller, 1992)<\/a>, or even context-dependent memory<\/a> which highlights the value of situated visual cues.<\/p>\n

What the VTS Scenery Media Block Enables<\/h2>\n

Technically, you select a predefined media location (M1, M2, etc.) within the scenery and display the image or video of your choice there. You control the fit mode (Keep, Stretch, Cover, Contain), video options (play once, loop, freeze on last frame), and volume. The scene remains visible, characters react, and interactions continue: a dynamic visual aid without breaking immersion. Explore the VTS Editor sceneries<\/a> to quickly locate your display surfaces.<\/p>\n

Pedagogical and UX Value: Anchoring, Retention, Fluidity<\/h2>\n

A KPI in an open-plan office or a safety instruction on a control screen adds instant meaning: the media is part of the scene. Combined with a line (Speak block), a gesture (Character Animation), and a directed gaze (Gaze block), you create non-intrusive audiovisual redundancy. And because the learner doesn\u2019t leave the scenery, the narrative flow is preserved: no full-screen switch, no cognitive pause<\/em>. You can evolve the environment (an alert pops up, a schedule changes) just like in real life.<\/p>\n

Configure the VTS Scenery Media Block for a Professional Output<\/h2>\n

Choose the Right Spot<\/h3>\n

Select the screen that makes sense in your scene. A PC facing the camera is great for tutorials or captures; a background TV supports a briefing; a wall frame suits process visuals or HR posters. Ensure readability: reasonable camera-to-screen distance, clear angle, sufficient contrast. Sync a gaze (Gaze block) with the media change to naturally guide the viewer\u2019s eye.<\/p>\n

Prepare Readable and Lightweight Media<\/h3>\n

Videos: 1280\u00d7720 (H.264, MP4), 2\u20135 Mbps, AAC audio at 128\u2013192 kbps: a good quality-to-size ratio. Images: JPG for photos (quality 80\u201385%), PNG for transparency or thin text. Standardize aspect ratios to avoid visual \u201cjumps.\u201d Use clear file naming (e.g. tutorial_ERP_step2.jpg<\/code>, kpi_s01.mp4<\/code>) to ease maintenance.<\/p>\n

Master Display Modes<\/h3>\n

Keep<\/strong> retains previous settings at that location: useful for dynamic updates. Stretch<\/strong> fills the space but may distort: avoid for text or diagrams. Cover<\/strong> fills without borders but crops: perfect for mood images. Contain<\/strong> shows the whole media without distortion (with margins): ideal for precise pedagogical content.<\/p>\n

Set Video Playback: Timing and End<\/h3>\n

Three main options. Play once + hide<\/strong>: for one-off info that disappears afterward. Play once + freeze<\/strong>: retains the last frame as a reference (e.g. summary). Loop playback<\/strong>: for background animations; reduce volume or mute to avoid voice interference. On Web\/iOS, autoplay with sound may be blocked: an auto-generated button allows users to activate sound manually.<\/p>\n

Transparency and Replacement in the Scenario<\/h3>\n

Selecting \u201cNo media\u201d makes the location transparent (screen off, empty board). Replace the media at different points to support the narrative (next slide, alert, updated KPI). To avoid duplicating blocks, use variable media<\/strong> and control the source via a variable (e.g. currentImage<\/em>).<\/p>\n

Compatibility, Sharing, and Testing<\/h3>\n

On iOS and Web, anticipate autoplay restrictions: a click may be required for audio. Test your scenes on multiple screen resolutions and aspect ratios: positioning + display mode ensures readability. On the Web, reduce media weight to improve loading; use a buffer scene with a Wait block to smooth the experience.<\/p>\n

Accessibility: Readability and Alternatives<\/h3>\n

Ensure high contrast and avoid small text on scenery screens. If the media contains key information, provide an alternative via a Speak\/Message block or a downloadable resource. Avoid rapid blinking and include follow-ups in case the learner misses the message.<\/p>\n

Performance: Smoothness and Reliability<\/h3>\n

Use standardized formats, limit the number of simultaneous videos, and prefer images when animation isn\u2019t essential. Test under real-world conditions (company network, required browser, VTS Player) and adjust before publishing.<\/p>\n

When to Use Integrated Media, Full-Screen Video, or Foreground Media<\/h2>\n

Quick Comparison<\/h3>\n

Video (full-screen)<\/strong>: ideal for high-impact moments (intro video, key testimony). Foreground<\/strong>: overlays the media on top of the scene for strong, temporary focus (critical alert). Media in scenery block<\/strong>: maintains context for PC tutorials, internal news TV backdrop, evolving HR bulletin board. It contextualizes without interrupting, supports without distracting.<\/p>\n

Foreground vs VTS Scenery Media Block<\/h3>\n

The foreground is your \u201cspotlight.\u201d The VTS scenery media block<\/strong> is your \u201csmart staging\u201d that supports the story from start to finish. Combine both to modulate message intensity.<\/p>\n

Use Cases: Script Your Media In Decor for Greater Impact<\/h2>\n

Briefing with In-Situ Screen<\/h3>\n

A branch manager presents the results. She speaks (Speak block), points to the screen (Character Animation), and her gaze shifts to the display (Gaze) as the graph updates via in-scenery Media block. The video ends on a freeze frame outlining action points: a visual anchor during the discussion. This visual ritual reassures management audiences.<\/p>\n

Step-by-Step Tutorial at the Workstation<\/h3>\n

Play a short tutorial video on a computer screen, ending on the last step. The learner can click through Scenery Interaction<\/em> to revisit a section or open a help resource. Add pauses (Wait) between steps and clickable areas: \u201cReady to continue?\u201d<\/p>\n

Micro-Narration and Credible Ambience<\/h3>\n

A reception TV plays a muted internal channel on loop; a HR board cycles through event visuals. At the right time, you replace the media with a \u201cBreaking News\u201d alert to trigger a reaction (Emotion) and move to priority instructions.<\/p>\n

Guided Exploration and Parallel Paths<\/h3>\n

Combine Media in scenery and Scenery Interaction to create branched paths. Clicking M2 opens the \u201cadvanced procedure,\u201d M1 launches the introduction. To avoid replays, disable the clickable spot after first click, or use Flags and Check Flags to control access.<\/p>\n

Smart Pairings: Sound, Speak, Emotion, Gaze<\/h3>\n

Orchestrate a smooth switch: a soft \u201cwhoosh\u201d (Sound) signals the media\u2019s appearance, the character comments (Speak), looks at the screen (Gaze), and shows a moment of hesitation (Emotion); after the right action, a joyful expression closes the sequence.<\/p>\n

Advanced Orchestration, Tracking, and Deployment<\/h2>\n

Adaptive Paths with Flags<\/h3>\n

Mark key milestones: \u201csafety video watched,\u201d \u201cscreen M2 viewed,\u201d \u201ctutorial completed.\u201d Each event triggers a Flag; with Check Flags, you adapt what comes next (evaluation, accelerated summary, etc.).<\/p>\n

Variables and Dynamic Media<\/h3>\n

Vary the contents in the same location without duplication: assign variables to your media (e.g. visual_A<\/em>, visual_B<\/em>) and control activeMedia<\/em> based on level, score, or structured random draw. Want to go further? Check out our VTS Editor \u2013 Introduction to Variables training<\/a>.<\/p>\n

Smooth Sequencing<\/h3>\n

A Wait block creates a breathing space between the appearance of the media and the character\u2019s dialogue; a Sequence block plays slides in order (slide 1 \u2192 slide 2 \u2192 slide 3) with no repetitive conditions; an animation punctuates each change. This micro-choreography reduces cognitive load and guides the learner.<\/p>\n

Tracking and Analytics<\/h3>\n

Increment a Score upon full display or video completion; adjust Progress (25%, 50%, 75%, 100%); use Open web page<\/em> to send a score to an external form or dashboard; export to SCORM for LMS integration. With VTS Perform<\/a>, closely track engagement and iterate quickly.<\/p>\n

Quality Checklist Before Publishing<\/h3>\n