Follow-up to #2823448: Mobile Native Form Fields

Problem/Motivation

Mobile devices and modern browsers support file type specific file uploads.

Proposed resolution

Provide dedicated video, audio, and image file upload with media capture.

References

Remaining tasks

  • Add examples to test_element_managed_file form
  • Create ManagedFileBase
  • Create YamlFormFileBase
  • Create YamlFormImageFile. ['gif', 'jpg', 'jpeg', ''png']
  • Create YamlFormVideoFile ['avi', 'mov', 'mp4', 'm4v', 'ogv', 'webm']
  • Create YamlFormAudioFile ['mp3', 'wav', 'ogg'']
  • Create YamlFormDocumentFile ['txt', 'rtf', 'html', 'pdf', 'doc', 'docx', 'odt', 'ppt', 'pptx', 'odp', 'xls', 'xlsx', 'ods', 'xml']
  • Provide test video and audio files
  • Write tests

Notes

  • Must handle email formatting.
  • Image preview can be added later.
  • Images use Image styles
  • Video player should support common ratios and be responsive
  • Use HTML5 audio and video and defaults to link. (This could be sent with email because link would be used as fallback)

API changes

Data model changes

CommentFileSizeAuthor
#11 Testing Example Elements form YAML Form Demo Site.png215.38 KBjrockowitz
#11 Testing Example Elements form YAML Form Demo Site - Test.png276.67 KBjrockowitz
#6 provide_dedicated-2823627-6.patch230.07 KBjrockowitz

Comments

jrockowitz created an issue. See original summary.

  • jrockowitz committed 20d1c16 on 2823627-provide-media-upload-with-capture 
    Issue #2823627: Provide dedicated video, audio, and image file upload...

  • jrockowitz committed ff172e3 on 2823627-provide-media-upload-with-capture 
    Issue #2823627: Provide dedicated video, audio, and image file upload...

  • jrockowitz committed bc96842 on 2823627-provide-media-upload-with-capture 
    Issue #2823627: Provide dedicated video, audio, and image file upload...

  • jrockowitz committed 9777631 on 2823627-provide-media-upload-with-capture 
    Issue #2823627: Provide dedicated video, audio, and image file upload...
jrockowitz’s picture

jrockowitz commented
Status: Active » Needs review
StatusFileSize
new provide_dedicated-2823627-6.patch230.07 KB

Status: Needs review » Needs work

The last submitted patch, 6: provide_dedicated-2823627-6.patch, failed testing.

  • jrockowitz committed c20a220 on 2823627-provide-media-upload-with-capture 
    Issue #2823627: Provide dedicated video, audio, and image file upload...

  • jrockowitz committed 29f8363 on 8.x-1.x 
    Issue #2823627 by jrockowitz: Provide dedicated video, audio, and image...

  • jrockowitz committed 19662da on 8.x-1.x 
    Issue #2823627: Provide dedicated video, audio, and image file upload...
jrockowitz’s picture

jrockowitz commented
Component: Documentation » Code
Category: Feature request » Task
Status: Needs work » Fixed
StatusFileSize
new Testing Example Elements form YAML Form Demo Site - Test.png276.67 KB
new Testing Example Elements form YAML Form Demo Site.png215.38 KB

The patch was going to be impossible to commit because it include binary sample files, so I tested it locally and committed it.

Below are screenshot of the new media type specific file upload elements.


  • jrockowitz committed 4eab967 on 8.x-1.x 
    Issue #2823627: Provide dedicated video, audio, and image file upload...

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.