We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 23299
    • 1,161 Posts
    Been doing some messing around with video editing...

    I can create a decent movie file that is recorded from a HD camera. The question I have is about the procedure for presenting videos in MODx?

    In the past I have just uploaded the Quicktime file to the appropriate folder via FTP and directly linked to the file in the html for static pages.

    What is the best way of uploading movie files and adding them to MOD pages? Direct link, build a TV, via the TinyMCE plugin, MaxiGallery or one of the slimbox JS scripts? What about presenting an image thumbnail link to the actual movie?

    I know this question is pretty vague but with more great cameras that shoot quality video I bet this will become the next arena for refinement...

    Thanks!

    Max
      • 19787
      • 28 Posts
      I think there are many different ways to embed multimedia.
      Here is a one simple way that could be reused on different pages :

      Upload the video file (via FTP or Modx)
      Create a Template Variable of Input Type : File
      [*myMediaFile*]

      Whenever you want to display the media file on a document, link the TV myMediaFile to your uploaded file. Then add to your template the TV placeholder [*myMediaFile*] and choose an embed method below

      Simple Embedding on the webpage using jQuery

      There is a pretty useful jQuery plugin that handles many different forms of embedding multimedia on a webpage.
      http://malsup.com/jquery/media/

      All the plugin needs, is a link to the media file and the script will do the rest. So add to your template <a href="[*myMediaFile*]" >My Media File</a> , include the jQuery media script on the page, and the media file should display with all the correct embeding code.

      Use a flash media player

      I am not quite sure what the market share of quicktime is these days, but i would still suggest converting the HD video file to another formt like FLV and using one of the decent flash media players.

      JW FLV Media player is very good and easy to setup. It’s free for non-commercial use.
      http://www.longtailvideo.com/players/jw-flv-player/

      Flow Player is an open source media player that looks very promising, (although i don’t have as much experience with it compared to the JW player)
      http://flowplayer.org/

      The configuration for these players is usually via a bit of javascript code. So in your template just replace the file location with your TV [*myMediaFile*] - here is a setup example for the JW player.

      <script type='text/javascript'>
      var s1 = new SWFObject('player.swf','player','400','300','9');
      s1.addParam('allowfullscreen','true');
      s1.addParam('allowscriptaccess','always');
      s1.addParam('flashvars','file=[*myMediaFile*]');
      s1.write('preview');
      </script>  
      


        • 23299
        • 1,161 Posts
        Thanks, I will check those out.

        I am new to video. I now have a Canon 5D II which produces very high quality video in the h.264 codec. Most people are using Quicktime variations for delivery of these files. The full size movie files are simply huge, like several gigabytes and compressing them is a challenge.

        I did my first trial movie (not much) but the quality is amazing (video not cinematic content): http://www.seattlecruiserheads.com/calendar.html

        Max
          • 25663 MODX Staff
          • 12,272 Posts
          NIce footage and DOF stuff going on. You’re gonna have fun with that bit of kit!
            Ryan Thrash, MODX Co-Founder
            Follow me on Twitter at @rthrash or catch my occasional unofficial thoughts at thrash.me
            • 23299
            • 1,161 Posts
            Thanks Ryan,

            The camera is pretty amazing. Using real interchangeable lenses changes everything. The lens I used on that test footage was an old 58mm/1.2 Rokkor made by Minolta in the 1970’s. Fabulous glass. I am a fan of "alternative lenses": making classic manual focus lenses work on modern Canon digital SLRs.

            The code I used to position the video is pretty clumsy embed tags. Will look into this in more detail when I get the time. There is also all sorts of compression and playback options to fiddle with. You should see full size uncompressed movie files on a big Apple Cinema Display: its quite the shock the first time you see this kind of shallow depth "film look" in such high quality...

            Max
              • 4971
              • 964 Posts
              If you dont want to program a lot, use a Vimeo account (free or payed) where you can upload your video
              normal or HD.

              Then set the embedding player code in a page and use a TV for the video code and it looks great.

              I use this technique in www.sgsbicentenario.com under the video menu item. They use normal video
              but you can see how it looks in the website...

              my 2 cents...
                Website: www.mercologia.com
                MODX Revo Tutorials:  www.modxperience.com

                MODX Professional Partner
                • 23299
                • 1,161 Posts
                I just created a Vimeo account but have not tried uploading any videos yet.

                Vimeo looks more civilized than Youtube. There is so much foul language and off color comments all over Youtube I am hesitant of directing any kind of normal or professional audience to the site at all.

                Max
                  • 4971
                  • 964 Posts
                  Yes and you will find that the private features are great for
                  any confidential videos that you do not want all the world to see.
                  The only requirement to see your videos is to have an account and
                  that you give permission to your friends / coworkers / clients...
                    Website: www.mercologia.com
                    MODX Revo Tutorials:  www.modxperience.com

                    MODX Professional Partner