cp_render_media_audio_template()

Renders the template for the modal content for the media audio widget


Return

(string)


Source

File: wp-includes/widgets/class-wp-widget-media-audio.php

function cp_render_media_audio_template() {
	ob_start();
	?>

	<template id="tmpl-edit-audio-modal">
		<div id="audio-modal-content" style="padding: 2em;">
			<div class="modal-audio-details">
				<div class="audio-embed" style="width:100%;">
					<audio class="wp_audio_shortcode" controls="" style="width:100%;">
						<source src="<?php echo esc_url( includes_url() . 'js/mediaelement/blank.mp3' ); ?>" type="audio/mp3">
					</audio>
					<div class="setting" style="margin-top: 1em;">
						<label for="audio-details-source" class="name">MP3</label>
						<input type="text" id="audio-details-source" readonly="" data-setting="mp3" value="" style="width:100%;">
					</div>
					<button type="button" class="button-link remove-setting" style="display:block;color: #a00; padding: 5px 0;"><?php esc_html_e( 'Remove audio source' ); ?></button>

					<fieldset class="setting-group setting preload" style="margin: 1em 0;display: flex;">						
						<label for="preload" class="name" style="margin: 6px 1em 0 0;"><?php esc_html_e( 'Preload' ); ?></label>
						<select id="preload" name="link-type" data-setting="preload">
							<option value="auto"><?php esc_html_e( 'Auto' ); ?></option>
							<option value="metadata"><?php esc_html_e( 'Metadata' ); ?></option>
							<option value="" selected><?php esc_html_e( 'None' ); ?></option>
						</select>
					</fieldset>

					<div class="setting-group" style="margin: 1em 0;display: flex;">
						<div class="setting checkbox-setting">
							<input type="checkbox" id="audio-details-loop" data-setting="loop">
							<label for="audio-details-loop" class="checkbox-label"><?php esc_html_e( 'Loop' ); ?></label>
						</div>
					</div>
				</div>
			</div>
		</div>

		<footer class="widget-modal-footer">
			<div class="widget-modal-footer-buttons" style="padding-right: 2em;">
				<button id="audio-button-update" type="button" class="button media-button button-primary button-large media-button-select" disabled><?php esc_html_e( 'Update' ); ?></button>
			</div>
		</footer>
	</template>

	<?php
	return ob_get_clean();
}


Changelog

Changelog
Version Description
CP-2.5.0 Introduced. CP-2.5.0