• Skip to content
  • Skip to primary sidebar
  • Skip to footer

Foliovision

Making the web work for you

Main navigation

  • Weblog
    • FV Player
    • WordPress
    • Video of the Week
    • Case Studies
    • Business
  • About
    • Testimonials
    • Meet the Team
    • We Support
    • Careers
    • Contact
    • Pricing
  • Products
  • Support
    • FV Player Docs
    • Pro Support
  • Login
  • Basket is empty
Affordable VAST/VPAID for Wordpress has arrived. Serve ads with your videos starting today!
    • Docs
      • Installation
      • Changelog
    • FAQ
    • Support
      • Free Support
      • Pro Support
    • PRO

    Interactive Video Transcript

    If you are looking for quick help, skip to a desired topic on this page:

    • How the Interactive Video Transcript works
    • How to use the Interactive Video Transcript
      • Formatting
      • Appearance
    • Example

    Interactive Video Transcript uses an attached VTT file (usually subtitles) to generate a transcript in a box below the video. The text will follow the playback of the video, highlighting the current line, while allowing users to skip to any point in the video by clicking on individual lines in the transcript. This feature is available only for the users of FV Player Pro.

    How the Interactive Video Transcript Works

    The main function of this feature is to highlight the current line in the VTT file. If you simultaneously use the same file as subtitles, you can see that the highlighted transcript line will match the one currently shown in the video.

    Interactive video transcript

    When the Autoscroll function is active (as in the picture above), the text box will automatically scroll down as the video continues, always showing the active line in the top row. This can be turned off when the user wants to scroll through the transcript and let the video play.

    The transcript display can be turned on and off with this button:


    Interactive transcript button

    The transcript box can be dragged around by left-clicking the top of the box and dragging it to wherever you want it, then releasing the mouse button:

    Moving the transcript box

    The transcript box can be resized by clicking the lower right corner of the box and dragging it:
    Resizing the transcript

    Tip: to disable transcript dragging and sizing, use these lines of PHP in your theme funtions.php

    add_filter( 'fv_player_no_transcript_dragging', '__return_true' );
    add_filter( 'fv_player_no_transcript_sizing', '__return_true' );

    The transcription box can be freely moved around and resized in full screen too:

    Interactive transcript in fullscreen

    Transcript box in full screen mode

    Another important function is the Search bar. Not only will it find the searched phrase, but it will allow the user to jump through the lines which include it by using the ‘< >‘ buttons. Jumping to a particular line will also make the video jump to the exact point in the timeline. (this can also be achieved by clicking on any line in the transcript).

    Note: The transcript text is also a part of the page HTML code. This means a great boost for website rankings in search engines. 

    How to Set Up the Interactive Video Transcript

    Interactive Video Transcript is currently compatible with VTT files and also with all Vimeo hosted videos (even private ones) that include captions.

    To use it with a VTT file, you can either insert the path to the .vtt file into the Transcript field of the shortcode editor, as you can see in the screenshot below, or you can write .transcript=”url-of-the-file.vtt” directly into the shortcode.

    Inserting a .vtt file into the shortcode editor

    Example shortcode (notice that the same file can be used both for transcripts and for video subtitles):

    [fvplayer src="https://cdn.foliovision.com/images/2016/10/SampleVideo_1280x720_10mb.mp4" width="1280" height="720" transcript="https://foliovision.com/images/2016/10/subtitles-lorem-ipsum.vtt" subtitles="https://foliovision.com/images/2016/10/subtitles-lorem-ipsum.vtt"]

    To use the feature with Vimeo is even easier. Just add a line transcript=”auto” into the shortcode, or write auto into the field for uploading transcript in the shortcode editor:


    Activating Vimeo transcripts

    Formatting

    Under the Transcript field in each video, there is the option to Preserve original formatting.

    If you leave this field unchecked, the FV Player Pro will format the VTT subtitles automatically to make them look like paragraphs of text:

    Video Transcript with the “Preserve original formatting” option off

    New paragraph is automatically started every time there is:

    • 2 second (or more) pause between two subtitle lines
    • an empty subtitle pause

    If you enable the option, the automatic formatting will not interfere with the way the file was originally written. Therefore, each subtitle line will be a separate line in the transcript too. This comes in handy especially for dialogues, as you can see below:

    Video transcript with the “Preserve original formatting” option on

    appearance

    You can customize the appearance of your Interactive Video Transcript. In order to access these settings, go to Settings -> FV Player Pro -> Setup -> Video Transcript

    Hidden by default makes the transcript hidden until the viewer turns it on via the control bar.

    Separate subtitle disabling makes it possible to show both the transcript and the subtitles at the same time.

    The drop-down menu in Transcript Theme setting gives you three themes to choose from:

    Light theme (default)

    Dark theme

    Boxy theme

    Example

    Take a look on an example video hosted on Vimeo with the automatic transcript. Here is the shortcode:

    [fvplayer src="https://vimeo.com/150185992" transcript="auto" splash="https://i.vimeocdn.com/video/763857357-63cfaa0919921a9fa3e3cb0c93394613e1faa09468f836be41da1ae3f8ca86c0-d_1920x1080?r=pad" caption="Teaser:  &quot;Paillard Bolex&quot; (English subtitles)"]
    Teaser: "Paillard Bolex" (English subtitles)
    play-sharp-fill
    04:00
    Link

    Teaser: "Paillard Bolex" (English subtitles)

     
    I'm retired but if there is some work to be done I come over and give a hand. I started 46 years ago.
    At every flash, it is a picture that is born inside of this magic box.
    conceived with incredible precision by a team of technicians that inherited a 150 years old tradition. When I saw the assembly lines I thought I could never work here. Doing a repetitive work all day long was not for me. A high precision camera must roll the film with unfailing regularity. At that time being hired by a big company like this meant life time employment. As long as the company lasted anyways. We had employment security at the time. Here we do not pay attention to how much time is needed. The technician patiently tweaks the springs of the speed regulator, that he mounts, unmounts, and mounts over again, looking for the perfect amount of tension. A true watchmaker's work.
    I assembled hundreds of cameras.

    We were asked to do things properly.
    The goal was to satisfy the client as long as we could. Regardless of the saying, quality is not controlled, it is built. The final quality control is pushed to the most extreme limits. Each camera is quality controlled according to draconian guidelines In the small cameras assembly lines were mostly working women. They were supposedly more agile than men were. But I am under the impression that their salary was much lower.
    Bolex always has been a noisy camera.
    It was the main disadvantage of these cameras. If you wanted to record sound next to the camera that was an issue. The camera sound was overwhelming, the noise of the mechanics was overwhelming.
    If you want to see if the camera is struggling
    you set them to 64 frames per second, you slow down the friction of the rewinding and you let them slow down. When some get to the end they sometimes go « … » Paillard Bolex is the symbol of a renowned range of cameras capable of capturing life as well as reproducing it on the screen. Commented with voice recordings or complemented with orchestra music.
    Devices ranging from the simplest to the most advanced.
    Designed for the beginners as well as for the advanced users, equipped with refined and efficient improvements. Paillard the camera of the connoisseurs.

    Reader Interactions

    Primary Sidebar

    My Account

    • My Licenses
    • My Profile
    • Invoices
    • Affiliate Area
    • Log Out

    Accessibility Features

    1. Why FV Player?
    2. Getting Started
    3. Creating and Managing Playlists
    4. FAQ
    5. Setting Screens
    6. Video Hosting
    7. Advanced features
      1. Playback Features
      2. Accessibility Features
        1. Subtitles
        2. Interactive Video Transcript
        3. Timeline Previews
        4. VTT Chapters
        5. Sticky Video
        6. Item Titles and Splash Text
        7. Alignment Settings
        8. FV Player Profile Videos
      3. Sharing Options
    8. Video Security
    9. Video Membership, Pay Per View and eLearning
    10. FV Player VAST/VPAID
    11. Tools
    12. Live Streaming
    13. Analytics
    14. Video Advertising
    15. Casting Options
    16. Audio Player
    17. Troubleshooting
    18. For Developers
    19. FV Player Demos
    20. Additional Services
    21. Legal

    Footer

    Our Plugins

    • FV WordPress Flowplayer
    • FV Thoughtful Comments
    • FV Simpler SEO
    • FV Antispam
    • FV Gravatar Cache
    • FV Testimonials

    Free Tools

    • Pandoc Online
    • Article spinner
    • WordPress Password Finder
    • Delete LinkedIn Account
    • Responsive Design Calculator
    Foliovision logo
    All materials © 2023 Foliovision s.r.o. | Panská 12 - 81101 Bratislava - Slovakia | info@foliovision.com
    • This Site Uses Cookies
    • Privacy Policy
    • Terms of Service
    • Site Map
    • Contact
    • Tel. ‭+421 2/5292 0086‬

    We are using cookies to give you the best experience on our website.

    You can find out more about which cookies we are using or switch them off in settings.

    Powered by  GDPR Cookie Compliance
    Privacy Overview

    This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

    Necessary Cookies

    Strictly Necessary Cookie allow you to log in and download your software or post to forums.

    We use the WordPress login cookie and the session cookie.

    If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.

    Support Cookies

    Foliovision.com uses self-hosted Rocket.chat and self-hosted Freescout support desk to provide support for FV Player users. These cookies allow our visitors to chat with us and/or submit support tickets.

    We are delighted to recommend self-hosted Rocket.chat and especially Freescout to other privacy-conscious independent publishers who would prefer to self-host support.

    Please enable Strictly Necessary Cookies first so that we can save your preferences!

    3rd Party Cookies

    This website uses Google Analytics and Statcounter to collect anonymous information such as the number of visitors to the site, and the most popular pages.

    Keeping this cookie enabled helps us to improve our website.

    We reluctantly use Google Analytics as it helps us to test FV Player against popular Google Analytics features. Feel free to turn off these cookies if they make you feel uncomfortable.

    Statcounter is an independent Irish stats service which we have been using since the beginning of recorded time, sixteen years ago.

    Please enable Strictly Necessary Cookies first so that we can save your preferences!