Multi (Video-Weather-Content)

Multi (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:
Daily Temperatures: Displaying both highs and lows.
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.

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

Info
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)

Info
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
Notes
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.


    • Related Articles

    • Video (Multi)

      The Video (Multi) template allows you to showcase multiple MP4 videos in both landscape and portrait resolutions. This template is designed to automatically display the correct version of your video based on the screen’s orientation, ensuring a ...
    • Video (Single)

      The Video (Single) template allows you to showcase MP4 videos in both landscape and portrait resolutions. This template is designed to automatically display the correct version of your video based on the screen’s orientation, ensuring a seamless ...
    • Image (Multi)

      Whether you're sharing memorable moments or highlighting key messages, this template adds an engaging and sophisticated touch to your content in portrait, landscape, or square formats. Video: Template Tour Content source Once you have created your ...
    • Data (Multi-Dial)

      Track KPIs and Financial Data with Clarity! The Data Multi-Dial template is designed to clearly display your key performance indicators (KPIs) and financial figures. Each dial showcases numbers, dollar amounts, or percentages, indicating whether ...
    • Quiz (Multi-Choice)

      Need to create a multi-choice quiz on Vibe.fyi? Introducing the Quiz (Multi-choice) slide; it's perfect for testing and refreshing knowledge, introducing new initiatives and more. Check out this quick video to get inspired: Create Quiz Manage via web ...