Multi-Zone (Video-Weather-Content)

Multi-Zone (Video-Weather-Content)

This versatile slide allows you to feature a video that can be either uploaded directly or linked from external sources, such as YouTube videos or M3U8 channels.
In addition to the video, the slide includes a side panel with a comprehensive 5-day weather forecast featuring:
  1. Daily Temperatures: Displaying both highs and lows.
  2. Weather Conditions: Detailing anticipated conditions for each day (e.g., sunny, rainy, overcast).
At the footer of the slide, you have the option to upload additional content that can include images
This setup ensures that your audience gets a comprehensive and engaging slide experience by combining video and visual content for maximum impact.

Template Tour

Video Source

Once you have created your slide using the Multi (Video-Weather-Content) template, choose a Video Source to start adding your video:

Preset M3U8 Channels

  1.  Select 'Preset M3U8 Channels' from the Video Source dropdown.
  2. Select a Channel

Enter M3U8 URL Manually

  1. Select 'Enter M3U8 URL Manually' from the Video Source dropdown.
  2. Enter the M3U8 URL.

    To get an M3U8 URL, follow these steps:
    1. Identify the Source:
      1. Determine the website or service you want to stream from that might use M3U8 files. This is common with live TV services, streaming sites, or online radio stations.
    2. Use Developer Tools:
      1. Open your web browser (like Chrome, Firefox, or Edge).
      2. Navigate to the website where the streaming content is located.
      3. Right-click on the page and select Inspect or press F12 to open Developer Tools.
    3. Network Tab:
      1. Go to the Network tab in Developer Tools.
      2. Make sure to refresh the page (press F5 or Ctrl + R) to capture the network requests.
    4. Filter Requests:
      1. In the Network tab, look for a filter box. Type .m3u8 to filter the requests for M3U8 files specifically. This helps in easily locating the URL.
    5. Locate M3U8 URL:
      1. Scroll through the filtered list to find the request that has the .m3u8 in its URL.
      2. Right-click on the URL and select Copy or Open in a new tab to view the contents.
    6. Access the URL:
      1. If it opens a text file format, you have successfully obtained the M3U8 URL. You can save it or use it in a media player that supports M3U8 streams (like VLC).
Info
Important Notes:
  1. Legal Considerations: Ensure that you have the right to access and use the content associated with the M3U8 URL, as many streams are protected by copyright laws.
  2. Dynamic URLs: Some M3U8 URLs may change or expire frequently, especially for live streams. Always check the URL if it doesn’t work after some time.
  3. Tools and Extensions: There are browser extensions available that can simplify the process of finding M3U8 URLs.

YouTube Video

  1. Select 'YouTube Video' from the Video Source dropdown

  2. Enter the YouTube Video ID.

    To get the YouTube Video ID, follow these steps:
    1. Go to YouTube and find the video.
    2. Open the video.
    3. Check the URL in the address bar—the ID is the part after 'v='.
      For example:
      (ID: dQw4w9WgXcQ)

Upload Video File

Info
Read First:
- Save videos in MP4 format with H.264 codec and a constant framerate.
- The maximum upload size is 1GB.
- Remove any unsupported characters from your video filename and use only alphanumeric characters, hyphens, and underscores, e.g. vibevideo1.mp4 not vibe&video(1).mp4.
  1. Select 'Upload Video File' from the Video Source dropdown.
  2. Upload or Drag the video into the Upload Field
  3. Select a video resolution, then click [Upload].
    1. HD: Standard high definition for clear video quality suitable for most viewers.
    2. UHD+: Enhanced ultra-high definition delivering stunning detail and clarity for a premium viewing experience.
    3. UHD+ (Low Compression): Ultra-high definition with reduced compression, ensuring maximum detail and visual fidelity for the best possible picture quality.

Content source

Choose a content source to start adding your content:

Web Portal

  1. Select Web Portal from the Content Source dropdown
  2. Add a content
    1. Click [Add Content] to enter your content information using the content editor, then click [Save]
    2. Drag and drop image(s) into the upload field.

    3. Repeat to add more content
  3. When you are ready to go live, add your slide to one or more playlists.

File Upload (XLSX)

  1. Select File Upload (XLSX) from the Content Source dropdown
  2. Download the Multi (Video-Weather-Content) XLSX data template

  3. To manage content via the XLSX data template, use the available columns to key in your content details (one content per row)

    IdeaLearn more about the supported formats for this data template.
  4. Save your changes and upload the saved XLSX file into the slide editor.

  5. When you're ready to go live, add your slide to one or more playlists.

Google Sheets

Follow the prerequisite steps to set up your integration and get started with Google Sheets seamlessly
  1. Vibe Portal - Download the Multi (Video-Weather-Content) XLSX data template
  2. Google Drive - Upload the Multi (Video-Weather-Content) XLSX data template to your connected Google Drive folder and add your data
  3. Vibe Portal - Choose Google Sheets in the Content Source dropdown and select your saved Google Spreadsheet
NotesRecommended reading: Prep your Google Sheets

SharePoint (XLSX)

Follow the prerequisite steps to set up your integration and get started with using SharePoint Folders to store your Excel files.
  1. Vibe Portal - Download the Multi (Video-Weather-Content) XLSX data template
  2. SharePoint - Upload the Multi (Video-Weather-Content) XLSX data template to your connected SharePoint folder and  add your data
  3. Vibe Portal - In the slide editor, choose SharePoint (XLSX) in the Content Source dropdown and select your saved Excel file.

XLSX Data Template

If you have selected 'File Upload (XLSX)', 'Google Sheets' or 'SharePoint (XLSX)' as your content source, use this section as a guide for formatting the data in your spreadsheet.

Supported Data Formats

Data ColumnSupported Formatting
TitleFree format. Bold and underline formatting is supported.
ImageValid web URL (png,jpeg,jpg.gif)
Date
DD/MM/YYYY or MM/DD/YYYY
Info
Start Date and End date are optional
Time
HH:MM (24hr) or HH:MM AM and HH:MM PM
Info
Start Time and End Time are optional
Recommended Reading:
Vibe Data Templates (for tips on how to download and connect your data to a slide)
Common Data Entry Formats (for more information on managing your data)

Design

  1. Weather - Make your slide informative and visually appealing by modifying the Weather Panel

  2. Shape 1 - Choose from a diverse palette of colors for the shape and its border, ensuring they align perfectly with your design aesthetic.

  3. Video - Ensure your video fully covers the entire panel for an immersive visual experience.  Plus, you have the option to mute the video, allowing you to focus on your narration or other audio elements. 

  4. Gradient -  Enhance your slide's aesthetics by enabling the gradient option. It will also help maintain audience engagement by providing a modern and dynamic backdrop for your message.


    • Announcements

    • Available Now: Sports Tournament Infotainment

      Get ready for the Women’s Rugby World Cup! We’ve updated our Sports Tournament Infotainment slide with fixtures and live leaderboard updates. Perfect for keeping your workplace in the spirit of the game. You'll find it in the Infotainment Category when
    • Template Design Guide

      Our Template Design Guide is for external designers, we recommend reviewing it if you plan to design your own Vibe templates: 👉 Vibe Template Design Guide This guide is designed to support brand and design teams in preparing template briefs—not building
    • Coming Soon: New Look for System Settings

      Behind the scenes, our team has been busy building a new System Settings interface in the Portal. This refreshed design will make managing Vibe smoother, faster, and more intuitive. Over time, we’ll be migrating all administration features and settings
    • Vibe.fyi Achieves ISO/IEC 27001:2022 Re-Certification

      Security isn’t optional — it’s foundational. We’re proud to share that Vibe.fyi has achieved ISO/IEC 27001:2022 re-certification, proving our commitment to: ✅ Protecting client data ✅ Managing risks in a fast-changing digital landscape ✅ Keeping our security
    • Free Mini Program: AI Adoption & Compliance in your Workplace

      AI is everywhere, but knowing how to use it safely and effectively at work can be tricky. That’s why we’ve created a free mini program for all Vibe clients to use as is or adapt to their own policies. Your team will learn how to: Use AI confidently and