WordPress.org

Make WordPress Core


Ignore:
Timestamp:
03/09/2014 10:31:36 AM (8 years ago)
Author:
wonderboymusic
Message:

Video editing in the media modal:

  • Add a state: Add Subititles
  • Add text/vtt to the list of allowed mime-types, files end in .vtt. .srt files are served as text/plain.
  • The content body of a video shortcode should be used for adding <track> elements only. This happens dynamically in the modal. If added by hand, they can still be parsed and managed.

See #27016.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-includes/media-template.php

    r27480 r27481  
    691691                    <span>SRC</span>
    692692                    <input type="text" disabled="disabled" data-setting="src" value="{{ data.model.src }}" />
    693                     <a class="remove-setting">{{{ wp.media.view.l10n.audioRemoveSource }}}</a>
     693                    <a class="remove-setting">{{{ wp.media.view.l10n.remove }}}</a>
    694694                </label>
    695695                <# } #>
    … …  
    701701                    <span><?php echo strtoupper( $type ) ?></span>
    702702                    <input type="text" disabled="disabled" data-setting="<?php echo $type ?>" value="{{ data.model.<?php echo $type ?> }}" />
    703                     <a class="remove-setting">{{{ wp.media.view.l10n.audioRemoveSource }}}</a>
     703                    <a class="remove-setting">{{{ wp.media.view.l10n.remove }}}</a>
    704704                </label>
    705705                <# } #>
    … …  
    780780                    <source src="{{ data.model.<?php echo $type ?> }}" type="{{ wp.media.view.settings.embedMimes[ '<?php echo $type ?>' ] }}" />
    781781                    <# } #>
    782                     <?php endforeach;
    783                 ?></video>
     782                    <?php endforeach; ?>
     783                    {{{ data.model.content }}}
     784                </video>
    784785                <# if ( ! _.isEmpty( data.model.src ) ) { #>
    785786                <label class="setting">
    786787                    <span>SRC</span>
    787788                    <input type="text" disabled="disabled" data-setting="src" value="{{ data.model.src }}" />
    788                     <a class="remove-setting">{{{ wp.media.view.l10n.videoRemoveSource }}}</a>
     789                    <a class="remove-setting">{{{ wp.media.view.l10n.remove }}}</a>
    789790                </label>
    790791                <# } #>
    … …  
    794795                    <span><?php echo strtoupper( $type ) ?></span>
    795796                    <input type="text" disabled="disabled" data-setting="<?php echo $type ?>" value="{{ data.model.<?php echo $type ?> }}" />
    796                     <a class="remove-setting">{{{ wp.media.view.l10n.videoRemoveSource }}}</a>
     797                    <a class="remove-setting">{{{ wp.media.view.l10n.remove }}}</a>
    797798                </label>
    798799                <# } #>
    … …  
    803804                    <span><?php _e( 'Poster Image' ); ?></span>
    804805                    <input type="text" disabled="disabled" data-setting="poster" value="{{ data.model.poster }}" />
    805                     <a class="remove-setting">{{{ wp.media.view.l10n.videoRemovePoster }}}</a>
     806                    <a class="remove-setting">{{{ wp.media.view.l10n.remove }}}</a>
    806807                </label>
    807808                <# } #>
    … …  
    825826                </label>
    826827                <div class="clear"></div>
     828
     829                <label class="setting" data-setting="content">
     830                    <span><?php _e( 'Tracks (subtitles, captions, descriptions, chapters or metadata)' ); ?></span>
     831                    <#
     832                    var content = '';
     833                    if ( ! _.isEmpty( data.model.content ) ) {
     834                        var tracks = jQuery( data.model.content ).filter( 'track' );
     835                        _.each( tracks.toArray(), function (track) {
     836                            content += track.outerHTML; #>
     837                        <p>
     838                            <input class="content-track" type="text" value="{{ track.outerHTML }}" />
     839                            <a class="remove-setting remove-track">{{{ wp.media.view.l10n.remove }}}</a>
     840                        </p>
     841                        <# } ); #>
     842                    <# } else { #>
     843                    <em>There are no associated subtitles.</em>
     844                    <# } #>
     845                    <textarea class="hidden content-setting">{{ content }}</textarea>
     846                </label>
    827847            </div>
    828848        </div>
Note: See TracChangeset for help on using the changeset viewer.