Explore the community Forums Search Search Results for 'force html5 player'

Viewing 8 results - 1 through 8 (of 8 total)
  • Author
    Search Results
  • #306370
    Profile photo of Jennifer Valley
    Jennifer Valley
    Member
    contributor
    beginner
    friend finder
    advanced
    lectora beginner
    verified member
    wise owl
    profile
    picture perfect
    curious george
    114 pts
    @jvalley4735

    I was able to get it to work after converting the audio to MP3 (Lectora will force the change when you go to publish because all audio has to be in MP3 and video in MP4 to be HTML5 ready).  I also changed the audio from initially visible to visible then changed the player to invisible.  You can see it on the page “John Dwyer”.  I was able to get it to work in Preview Mode and Preview in Browser Mode.

    #306326
    Profile photo of Darrel Somoza
    Darrel Somoza
    Member
    contributor
    friend finder
    beginner
    intermediate
    junior moderator
    advanced
    wise owl
    curious george
    profile
    199 pts
    @Klaatu

    Hi, Alexis. I was only able to investigate using version 12.1.4 for now so I’m not sure if version 16 changes anything but it seems you’ve run smack dab into the dreaded Flash Player security issue. Your project will run fine if based off a server (I tested it). You can try the fix Math Notermans provided here. If that does not work, or you cannot find the right update to uninstall, you can do the following:

    Open the control panel. Select Flash Player (32 bit). In the popup that opens select the Advanced tab. Click on the “Trusted Local Settings” button. Now click add and either select the folder (usually My Titles) that you save all your published files to or just select the hard drive root (i.e. C:\). That will fix the problem and your project will run as is. The only issue is it will not help if run locally on other peoples computers unless the same fixes are employed on them.

    Your project is very nice and it ran smoothly on my computer. I noticed that you are using Waveform audio Format Files, better know an ‘wave’ files because of the extension (.wav). These are usually uncompressed and very large. I suggest you convert them to mp3 format files. As an added bonus, if you open the .wav files in the built-in audio editor you can embed an event at the very end of the file and attach the show next button action to it (via sync events). If you do this you will not have to add the onDone actions. Also, if you wish, you could place the next button on the title level with the other navigation buttons and it will work just as you have it working now; no need to add the button and action to each page. I think you already have an action on the pages without audio that shows the next button when the question is answered, if not you’ll have to add it. Of course you do not have to do any of these things as your project runs perfectly as is :-). It’s when projects get huge that these types of resource management may help in keeping things running well.

    You might want to try John Blackmon’s method to force the browser(s) to use their internal HTML5 player instead of the default Flash player as described here. If you do, convert to MP3 first as Internet Explorer’s HTML5 player does not support .wav files. I have not had the time to try this yet.

    Darrel

     

     

    Someone asked me a question recently and I decided to reply publicly so that more people can weigh in.

    The question was:

    We have ToolBook, Storyline2, Articulate Studio 13 and Captivate 8 as well. As I am sure you can tell, I like the ease in which Inspire accepts extensions. Do you have experience with these other applications? If so, do you have a preference?

    My two cents:

    As far as integrating 3rd party HTML/Flash content (such as animations, video players, branching scenarios etc ) as well as extending the tool’s capabilities with CSS and JavaScript, Lectora is absolutely unrivalled. It is an open book, you can easily do what you want and not spend time on “hacking” through the tool.

    Articulate’s approach is “security through obscurity”. Nothing is documented, code is barely readable, very little functionality is exposed to external JavaScript and you usually have to edit the published files directly (meaning that your code will be lost when you re-publish and you’ll have to edit them again). Studio is especially bad at this. At least in Storyline you can “execute JS on trigger”.

    Both Articulate and Captivate use Flash as primary output, which makes your job as JavaScript programmer much harder. It also means you cannot use CSS unless you force it to be “HTML5 first”.

    Thanks to its long history of support for Flash widgets, current Captivate has its own JS API that allows you manipulate objects and variables as well as control navigation and timeline. It works both for Flash and HTML5, which is nice. It can also execute JS from within the software, although the editor is terrible and you cannot put code into external files (so you cannot use your preferred text editor).

    Both tools have issues when displaying 3rd party content in iframes, especially on mobile devices. It can be offset or improperly scaled or not respond to touch etc etc. and fixing this is either impossible or very hard due to the restrictions I mentioned above.

    Both tools cannot simply submit any variable value as SCORM result, instead they submit %% of pages viewed or quiz score. Lectora can submit anything.

    So purely from JS/CSS compatibility and developer friendliness, I’d recommend Lectora, always, no doubt.

    You noticed I didn’t mention ToolBook. I don’t have much relevant experience with TB so I cannot say much.

    Hope this helps!

    #301109

    I’ve seen a lot of conversations happening in the forums where users are asking for more control over the video player.  Is there a way Lectora could integrate the functionality of to skip ahead or backwards by x minutes, bookmarking the last left off point to use in an action, and including a permanent option that forces the browser to use HTML5 to play a video instead of Flash?

    https://community.trivantis.com/forums/topic/bookmarking-video/

    https://community.trivantis.com/forums/topic/is-there-a-way-of-publishing-screens-with-mp4-video-without-flash-please/

    https://community.trivantis.com/forums/topic/video-control/

    Thanks!

    This post has received 2 votes up.
    #287818
    Profile photo of Sergey Snegirev
    Sergey Snegirev
    Member
    contributor
    intermediate
    advanced
    friend finder
    lab member
    junior moderator
    advocate
    LUC16
    LUC16 Attendee
    wise owl
    336 pts
    @ssneg

    Lectora (or rather smart guys from Longtail Video) will automatically determine whether your users have Flash player support and play mp3 files either with Flash or via native HTML5 functions. You can’t force no-Flash playback on systems that have Flash without hacking into trivantis.js (not a big deal though, can be done easily).

    #284976
    Profile photo of Sergey Snegirev
    Sergey Snegirev
    Member
    contributor
    intermediate
    advanced
    friend finder
    lab member
    junior moderator
    advocate
    LUC16
    LUC16 Attendee
    wise owl
    336 pts
    @ssneg

    @thetruex 49307 wrote:

    With this option set, does the player element simply rearrange the player preference order? Or does it force the HTML5 player without providing Flash as a fallback?

    It basically overrides Lectora’s detection process and says that HTML5 is supported regardless of browser. So it’ll fail in browsers that do not support HTML5. In other words, no fallback.

    #284974
    Profile photo of TheTruex
    TheTruex
    Member
    @TheTruex

    With this option set, does the player element simply rearrange the player preference order? Or does it force the HTML5 player without providing Flash as a fallback?

    Profile photo of John Blackmon
    John Blackmon
    Moderator

    By default, when Lectora publishes MP3 audio or MP4 video, a Flash wrapper is used to play the video if the proper version of Flash is available, and HTML 5 is used if HTML 5 media support is present, and no Flash is available. This works nicely across a broad range of devices, including desktops, tablets, and other mobile devices.

    I was asked for a method to always use the HTML 5 media player for audio and video within a Lectora published Title, even when Flash is present. My customer knew the platform of their target audience, and wanted to have a Flash-free course, regardless of Flash support on the end users system. I thought I would share my solution.

    To do this, simply put an HTML extension at the title level, make it type “Header scripting”, click the edit button, and add the following code:

    is.useHTML5Video = function(){ return true; }

    note: in Lectora Online it would be a little different:
    theApp.is.useHTML5Video = function(){ return true; }

    What this does is override the default check for media players, and forces always using HTML 5.

    A few caveats: The media will not run on Firefox, as Firefox does not support MP4 or MP3 in its HTML 5 implementation (although it is rumored that it will in an upcoming version), and it will not run in IE 7 or IE 8, as they do not support HTML 5 media. Chrome, Safari, IE 9 and 10, iOS, and Android devices all work well.

    Enjoy!

    This post has received 1 vote up.
Viewing 8 results - 1 through 8 (of 8 total)