Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-29412

display thumbnail of uploaded picture, mp3 player or video player as appropriate when pic / mp3 / video file is uploaded in filepicker

    XMLWordPrintable

Details

    • Improvement
    • Status: Closed
    • Minor
    • Resolution: Inactive
    • 2.1.1
    • None
    • Filepicker
    • MOODLE_21_STABLE
    • Hide

      This should not affect the operation of the file picker when js is disabled.

      When js is enabled an uploaded file with extension :

      • png, jpg or gif : you will see a thumbnail of the image appear above the file name.
      • mp3 : you will see an mp3 player appear above the filename and you can play back the file from the drafts area.
      • f4v, flv, mp4 : you will see the flowplayer appear above the filename and can play back the file from the drafts file area.
      Show
      This should not affect the operation of the file picker when js is disabled. When js is enabled an uploaded file with extension : png, jpg or gif : you will see a thumbnail of the image appear above the file name. mp3 : you will see an mp3 player appear above the filename and you can play back the file from the drafts area. f4v, flv, mp4 : you will see the flowplayer appear above the filename and can play back the file from the drafts file area.

    Description

      I have created a patch that as well as a url link shows a thumbnail of an uploaded image in the file picker element when an image file is uploaded. It shows an mp3 player when the mp3 player is loaded or it shows the video player if a video file is uploaded.

      If you use prepare_draft_files_area any existing uploading files will be displayed along with any thumbnail or the appropriate player.

      Only works in browsers with js enabled. If js is not enabled non-js fallback for filepicker is as normal.

      Have not tested yet what happens if js is enabled and flash is not.

      More video/multimedia type players can and probably should be added such as html5 video and audio.

      Attachments

        Issue Links

          Activity

            People

              Unassigned Unassigned
              jamiesensei Jamie Pratt
              Dongsheng Cai Dongsheng Cai
              Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Peter Dias, Sujith Haridasan
              Votes:
              3 Vote for this issue
              Watchers:
              5 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: