function powerpressadmin_edit_artwork($FeedSettings, $General) { $SupportUploads = powerpressadmin_support_uploads(); ?> <h3><?php echo __('Artwork and Images', 'powerpress'); ?> </h3> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('iTunes Image', 'powerpress'); ?> <span class="powerpress-required"><?php echo __('Required', 'powerpress'); ?> </span> </th> <td> <input type="text" id="itunes_image" name="Feed[itunes_image]" style="width: 60%;" value="<?php echo esc_attr(!empty($FeedSettings['itunes_image']) ? $FeedSettings['itunes_image'] : ''); ?> " maxlength="250" /> <a href="#" onclick="javascript: window.open( document.getElementById('itunes_image').value ); return false;"><?php echo __('preview', 'powerpress'); ?> </a> <p><?php echo __('iTunes image must be at least 1400 x 1400 pixels in .jpg or .png format. iTunes image must not exceed 3000 x 3000 pixels and must use RGB color space.', 'powerpress'); ?> <?php echo __('Example', 'powerpress'); ?> : http://example.com/images/itunes.jpg </p> <p><strong><?php echo __('A square 1400 x 1400 pixel image in .jpg format is recommended.', 'powerpress'); ?> </strong></p> <p> <?php echo __('This image is for your listing on the iTunes podcast directory and may also be used by other directories like Blubrry. It is not the artwork that is displayed during episode playback. That artwork needs to be saved into the media file in the form of tags (ID3 tags for mp3) following the production of the media file.', 'powerpress'); ?> </p> <p class="description"><?php echo __('Note: If you change the iTunes image without changing the file name it may take some time (days or even months) for iTunes to update the image in the iTunes Podcast Directory.', 'powerpress'); ?> <?php echo sprintf(__('Please contact %s if you are having issues with your image changes not appearing in iTunes.', 'powerpress'), '<a href="http://www.apple.com/support/itunes/contact/">' . __('iTunes Support', 'powerpress') . '</a>'); ?> </p> <?php if ($SupportUploads) { ?> <p><label class="powerpress-normal-font"><input name="itunes_image_checkbox" type="checkbox" onchange="powerpress_show_field('itunes_image_upload', this.checked)" value="1" /> <?php echo __('Upload new image', 'powerpress'); ?> </label> <span style="font-size:85%;">(<?php echo __('Using this option should update your image on iTunes within 24 hours', 'powerpress'); ?> )</span> </p> <div style="display:none" id="itunes_image_upload"> <label for="itunes_image_file"><?php echo __('Choose file', 'powerpress'); ?> :</label><input type="file" id="itunes_image_file" name="itunes_image_file" /><br /> <?php if (!empty($General['advanced_mode_2'])) { ?> <div style="margin-left: 85px;"><label class="powerpress-normal-font"><input name="itunes_image_checkbox_as_rss" type="checkbox" value="1" onchange="powerpress_show_field('rss_image_upload_container', !this.checked)" /> <?php echo __('Also use as RSS image', 'powerpress'); ?> </label></div> <?php } else { ?> <input type="hidden" name="itunes_image_checkbox_as_rss" value="1" /> <?php } ?> </div> <?php } ?> </td> </tr> </table> <?php if (!empty($General['advanced_mode_2'])) { ?> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('iTunes Episode Image', 'powerpress'); ?> <?php echo powerpressadmin_new(); ?> </th> <td> <p><label><input type="checkbox" name="Feed[episode_itunes_image]" value="1" <?php if (!empty($FeedSettings['episode_itunes_image'])) { echo 'checked '; } ?> /> <?php echo __('Use iTunes image above', 'powerpress'); ?> </label></p> <p><?php echo __('Use the program iTunes image above as your iTunes episode image.', 'powerpress'); ?> </p> <p class="description"><?php echo __('NOTE: You must still save artwork into your media files to guarantee your artwork is displayed during playback.', 'powerpress'); ?> </p> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('RSS2 Image', 'powerpress'); ?> <br /> <span style="font-size: 85%; margin-left: 5px;"><?php echo __('Recommendation: Use iTunes image', 'powerpress'); ?> </span> </th> <td> <input type="text" id="rss2_image" name="Feed[rss2_image]" style="width: 60%;" value="<?php echo esc_attr(!empty($FeedSettings['rss2_image']) ? $FeedSettings['rss2_image'] : ''); ?> " maxlength="250" /> <a href="#" onclick="javascript: window.open( document.getElementById('rss2_image').value ); return false;"><?php echo __('preview', 'powerpress'); ?> </a> <p><?php echo __('Place the URL to the RSS image above.', 'powerpress'); ?> <?php echo __('Example', 'powerpress'); ?> http://mysite.com/images/rss.jpg</p> <!-- <p><?php echo __('RSS image should be at least 88 pixels wide and at least 31 pixels high in either .gif, .jpg and .png format.', 'powerpress'); ?> </p> <p><strong><?php echo __('A square image that is 300 x 300 pixel or larger in .jpg format is recommended.', 'powerpress'); ?> </strong></p> --> <?php if ($SupportUploads) { ?> <div id="rss_image_upload_container"> <p><input name="rss2_image_checkbox" type="checkbox" onchange="powerpress_show_field('rss_image_upload', this.checked)" value="1" /> <?php echo __('Upload new image', 'powerpress'); ?> </p> <div style="display:none" id="rss_image_upload"> <label for="rss2_image"><?php echo __('Choose file', 'powerpress'); ?> :</label><input type="file" name="rss2_image_file" /> </div> </div> <?php } ?> </td> </tr> </table> <?php } }
function powerpressadmin_edit_itunes_feed($FeedSettings, $General, $FeedAttribs = array()) { $feed_slug = $FeedAttribs['feed_slug']; $cat_ID = $FeedAttribs['category_id']; $SupportUploads = powerpressadmin_support_uploads(); if (!isset($FeedSettings['itunes_subtitle'])) { $FeedSettings['itunes_subtitle'] = ''; } if (!isset($FeedSettings['itunes_summary'])) { $FeedSettings['itunes_summary'] = ''; } if (!isset($FeedSettings['itunes_keywords'])) { $FeedSettings['itunes_keywords'] = ''; } if (!isset($FeedSettings['itunes_cat_1'])) { $FeedSettings['itunes_cat_1'] = ''; } if (!isset($FeedSettings['itunes_cat_2'])) { $FeedSettings['itunes_cat_2'] = ''; } if (!isset($FeedSettings['itunes_cat_3'])) { $FeedSettings['itunes_cat_3'] = ''; } if (!isset($FeedSettings['itunes_explicit'])) { $FeedSettings['itunes_explicit'] = 0; } if (!isset($FeedSettings['itunes_talent_name'])) { $FeedSettings['itunes_talent_name'] = ''; } if (!isset($FeedSettings['email'])) { $FeedSettings['email'] = ''; } if (!isset($FeedSettings['itunes_new_feed_url_podcast'])) { $FeedSettings['itunes_new_feed_url_podcast'] = ''; } if (!isset($FeedSettings['itunes_new_feed_url'])) { $FeedSettings['itunes_new_feed_url'] = ''; } $AdvancediTunesSettings = !empty($FeedSettings['itunes_summary']); if (!empty($FeedSettings['itunes_subtitle'])) { $AdvancediTunesSettings = true; } ?> <h3><?php echo __('iTunes Settings', 'powerpress'); ?> </h3> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('iTunes Program Subtitle', 'powerpress'); ?> <br /> </th> <td> <input type="text" name="Feed[itunes_subtitle]" style="width: 60%;" value="<?php echo esc_attr($FeedSettings['itunes_subtitle']); ?> " maxlength="250" /> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('iTunes Program Summary', 'powerpress'); ?> </th> <td> <p style="margin-top: 5px;"><?php echo __('Your summary may not contain HTML and cannot exceed 4,000 characters in length.', 'powerpress'); ?> </p> <textarea name="Feed[itunes_summary]" rows="5" style="width:80%;" ><?php echo $FeedSettings['itunes_summary']; ?> </textarea> </td> </tr> <?php if (!empty($General['advanced_mode_2'])) { ?> <tr valign="top"> <th scope="row"> <?php echo __('iTunes Episode Summary', 'powerpress'); ?> </th> <td> <div><input type="checkbox" name="Feed[enhance_itunes_summary]" value="1" <?php echo !empty($FeedSettings['enhance_itunes_summary']) ? 'checked ' : ''; ?> /> <?php echo __('Optimize iTunes Summary from Blog Posts', 'powerpress'); ?> </div> <p> <?php echo __('Creates a friendlier view of your post/episode content by converting web links and images to clickable links in the iTunes application.', 'powerpress'); ?> </p> </td> </tr> </table> <table class="form-table"> <?php if (!empty($FeedSettings['itunes_keywords'])) { ?> <tr valign="top"> <th scope="row"> <?php echo __('iTunes Program Keywords', 'powerpress'); ?> <br /> </th> <td> <input type="text" name="Feed[itunes_keywords]" style="width: 60%;" value="<?php echo esc_attr($FeedSettings['itunes_keywords']); ?> " maxlength="250" /> <p><?php echo __('Feature Deprecated by Apple. Keywords above are for your reference only.', 'powerpress'); ?> </p> </td> </tr> <?php } // End iTunes keywords } // end advanced mode ?> <tr valign="top"> <th scope="row"> <?php echo __('iTunes Category', 'powerpress'); ?> <span class="powerpress-required"><?php echo __('Required', 'powerpress'); ?> </span> </th> <td> <select name="Feed[itunes_cat_1]" class="bpp_input_med"> <?php $MoreCategories = false; if (!empty($FeedSettings['itunes_cat_2'])) { $MoreCategories = true; } else { if (!empty($FeedSettings['itunes_cat_3'])) { $MoreCategories = true; } } $Categories = powerpress_itunes_categories(true); echo '<option value="">' . __('Select Category', 'powerpress') . '</option>'; $UseCategories = powerpress_categories_strict($Categories, $FeedSettings['itunes_cat_1']); while (list($value, $desc) = each($UseCategories)) { echo "\t<option value=\"{$value}\"" . ($FeedSettings['itunes_cat_1'] == $value ? ' selected' : '') . ">" . htmlspecialchars($desc) . "</option>\n"; } reset($Categories); ?> </select> <?php if (!$MoreCategories && empty($General['seo_itunes'])) { ?> <a href="#" onclick="document.getElementById('more_itunes_cats').style.display='block';return false;"><?php echo __('more', 'powerpress'); ?> </a> <?php } ?> <p> <?php echo __('The category above is where you will appear when browsing iTunes.', 'powerpress'); ?> </p> </td> </tr> </table> <!-- start advanced features --> <div id="more_itunes_cats" style="display: <?php echo $MoreCategories || !empty($General['seo_itunes']) ? 'block' : 'none'; ?> ;"> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('iTunes Category 2', 'powerpress'); ?> </th> <td> <select name="Feed[itunes_cat_2]" class="bpp_input_med"> <?php echo '<option value="">' . __('Select Category', 'powerpress') . '</option>'; $UseCategories = powerpress_categories_strict($Categories, $FeedSettings['itunes_cat_2']); while (list($value, $desc) = each($UseCategories)) { echo "\t<option value=\"{$value}\"" . ($FeedSettings['itunes_cat_2'] == $value ? ' selected' : '') . ">" . htmlspecialchars($desc) . "</option>\n"; } reset($Categories); ?> </select> <?php if (!empty($General['seo_itunes'])) { ?> <p> <em><?php echo __('SEO Suggestion: Select a second category.', 'powerpress'); ?> </em> </p> <?php } ?> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('iTunes Category 3', 'powerpress'); ?> </th> <td> <select name="Feed[itunes_cat_3]" class="bpp_input_med"> <?php echo '<option value="">' . __('Select Category', 'powerpress') . '</option>'; $UseCategories = powerpress_categories_strict($Categories, $FeedSettings['itunes_cat_3']); while (list($value, $desc) = each($UseCategories)) { echo "\t<option value=\"{$value}\"" . ($FeedSettings['itunes_cat_3'] == $value ? ' selected' : '') . ">" . htmlspecialchars($desc) . "</option>\n"; } reset($Categories); ?> </select> <?php if (!empty($General['seo_itunes'])) { ?> <p> <em><?php echo __('SEO Suggestion: Select a third category.', 'powerpress'); ?> </em> </p> <?php } ?> </td> </tr> </table> </div> <!-- end advanced features --> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('iTunes Explicit', 'powerpress'); ?> </th> <td> <select name="Feed[itunes_explicit]" class="bpp_input_med"> <?php $explicit = array(0 => __('No - display nothing', 'powerpress'), 1 => __('Yes - explicit content', 'powerpress'), 2 => __('Clean - no explicit content', 'powerpress')); while (list($value, $desc) = each($explicit)) { echo "\t<option value=\"{$value}\"" . ($FeedSettings['itunes_explicit'] == $value ? ' selected' : '') . ">{$desc}</option>\n"; } ?> </select> </td> </tr> <?php if (!empty($General['advanced_mode_2'])) { ?> <!-- start advanced features --> <tr valign="top"> <th scope="row"> <?php echo __('iTunes Author Name', 'powerpress'); ?> </th> <td> <input type="text" name="Feed[itunes_talent_name]" class="bpp_input_med" value="<?php echo esc_attr($FeedSettings['itunes_talent_name']); ?> " maxlength="250" /><br /> <div><input type="checkbox" name="Feed[itunes_author_post]" value="1" <?php echo !empty($FeedSettings['itunes_author_post']) ? 'checked ' : ''; ?> /> <?php echo __('Use blog post author\'s name for individual episodes.', 'powerpress'); ?> </div> <?php if (!empty($General['seo_itunes'])) { ?> <p> <em><?php echo __('SEO Suggestion: Include talent names and slogans not mentioned in the show title.', 'powerpress'); ?> </em> </p> <?php } ?> </td> </tr> <!-- end advanced features --> <?php } ?> <tr valign="top"> <th scope="row"> <?php echo __('iTunes Email', 'powerpress'); ?> <span class="powerpress-required"><?php echo __('Required', 'powerpress'); ?> </span> </th> <td> <input type="text" name="Feed[email]" class="bpp_input_med" value="<?php echo esc_attr($FeedSettings['email']); ?> " maxlength="250" /> <div>(<?php echo __('iTunes will email this address when your podcast is accepted into the iTunes Directory.', 'powerpress'); ?> )</div> </td> </tr> </table> <?php if (!empty($General['advanced_mode_2'])) { ?> <!-- start advanced features --> <table class="form-table"> <tr valign="top"> <th scope="row" > <?php echo __('iTunes New Feed URL', 'powerpress'); ?> </th> <td> <div id="new_feed_url_step_1" style="display: <?php echo !empty($FeedSettings['itunes_new_feed_url']) || !empty($FeedSettings['itunes_new_feed_url_podcast']) ? 'none' : 'block'; ?> ;"> <p style="margin-top: 5px;"><strong><a href="#" onclick="return powerpress_new_feed_url_prompt();"><?php echo __('Set iTunes New Feed URL', 'powerpress'); ?> </a></strong></p> <p><strong> <?php echo __('The iTunes New Feed URL option works primarily for Apple\'s iTunes application only, and should only be used if you are unable to implement a HTTP 301 redirect.', 'powerpress'); ?> <?php echo __('A 301 redirect will route <u>all podcast clients including iTunes</u> to your new feed address.', 'powerpress'); ?> </strong> </p> <p> <?php echo __('Learn more:', 'powerpress'); ?> <a href="http://create.blubrry.com/manual/syndicating-your-podcast-rss-feeds/changing-your-podcast-rss-feed-address-url/" target="_blank"><?php echo __('Changing Your Podcast RSS Feed Address (URL)', 'powerpress'); ?> </a> </p> </div> <div id="new_feed_url_step_2" style="display: <?php echo !empty($FeedSettings['itunes_new_feed_url']) || !empty($FeedSettings['itunes_new_feed_url_podcast']) ? 'block' : 'none'; ?> ;"> <p style="margin-top: 5px;"><strong><?php echo __('WARNING: Changes made here are permanent. If the New Feed URL entered is incorrect, you will lose subscribers and will no longer be able to update your listing in the iTunes Store.', 'powerpress'); ?> </strong></p> <p><strong><?php echo __('DO NOT MODIFY THIS SETTING UNLESS YOU ABSOLUTELY KNOW WHAT YOU ARE DOING.', 'powerpress'); ?> </strong></p> <p> <?php echo htmlspecialchars(sprintf(__('Apple recommends you maintain the %s tag in your feed for at least two weeks to ensure that most subscribers will receive the new New Feed URL.', 'powerpress'), '<itunes:new-feed-url>')); ?> </p> <p> <?php $FeedName = __('Main RSS2 feed', 'powerpress'); $FeedURL = get_feed_link('rss2'); if ($cat_ID) { $category = get_category_to_edit($cat_ID); $FeedName = sprintf(__('%s category feed', 'powerpress'), htmlspecialchars($category->name)); $FeedURL = get_category_feed_link($cat_ID); } else { if ($feed_slug) { if (!empty($General['custom_feeds'][$feed_slug])) { $FeedName = $General['custom_feeds'][$feed_slug]; } else { $FeedName = __('Podcast', 'powerpress'); } $FeedName = trim($FeedName) . ' ' . __('feed', 'powerpress'); $FeedURL = get_feed_link($feed_slug); } else { if ($FeedAttribs['type'] == 'ttid') { $term_object = get_term_to_edit($FeedAttribs['term_id'], $FeedAttribs['taxonomy_type']); $FeedName = sprintf(__('%s taxonomy term feed', 'powerpress'), htmlspecialchars($term_object->name)); $FeedURL = get_term_feed_link($FeedAttribs['term_id'], $FeedAttribs['taxonomy_type'], 'rss2'); } } } echo sprintf(__('The New Feed URL value below will be applied to the %s (%s).', 'powerpress'), $FeedName, $FeedURL); ?> </p> <p style="margin-bottom: 0;"> <label style="width: 25%; float:left; display:block; font-weight: bold;"><?php echo __('New Feed URL', 'powerpress'); ?> </label> <input type="text" name="Feed[itunes_new_feed_url]" style="width: 55%;" value="<?php echo esc_attr($FeedSettings['itunes_new_feed_url']); ?> " maxlength="250" /> </p> <p style="margin-left: 25%;margin-top: 0;font-size: 90%;">(<?php echo __('Leave blank for no New Feed URL', 'powerpress'); ?> )</p> <p><a href="http://www.apple.com/itunes/whatson/podcasts/specs.html#changing" target="_blank"><?php echo __('More information regarding the iTunes New Feed URL is available here.', 'powerpress'); ?> </a></p> <p> <?php if (!$cat_ID && !$feed_slug) { if (empty($General['channels'])) { echo sprintf(__('Please activate the \'Custom Podcast Channels\' Advanced Option to set the new-feed-url for your podcast only feed (%s)', 'powerpress'), get_feed_link('podcast')); } else { echo sprintf(__('Please navigate to the \'Custom Podcast Channels\' section to set the new-feed-url for your podcast only feed (%s)', 'powerpress'), get_feed_link('podcast')); } } ?> </p> </div> </td> </tr> </table> <?php if (defined('POWERPRESS_NOT_SUPPORTED')) { // start powerpress not supported features ?> <fieldset style="border: 1px dashed #333333;"> <legend style="margin: 0 20px; padding: 0 5px; font-weight: bold;"><?php echo __('Features Not Supported by PowerPress', 'powerpress'); ?> </legend> <div style="margin-left: 230px; margin-bottom: 10px;"> <p> <strong style="color: #CC0000; font-weight: bold;"><?php echo __('USE THE FOLLOWING SETTINGS AT YOUR OWN RISK.', 'powerpress'); ?> </strong> </p> <p style="margin-bottom: 0;"> <?php echo __('Feeds affected', 'powerpress'); ?> : </p> <div style="margin-left: 20px;"> <?php // $General, $feed_slug=false, $cat_ID=false if ($feed_slug) { echo '<a href="'; echo get_feed_link($feed_slug); echo '" target="_blank">'; echo get_feed_link($feed_slug); echo '</a>'; } else { if ($cat_ID) { echo '<a href="'; echo get_category_feed_link($cat_ID); echo '" target="_blank">'; echo get_category_feed_link($cat_ID); echo '</a>'; } else { echo '<a href="'; echo get_feed_link('feed'); echo '" target="_blank">'; echo get_feed_link('feed'); echo '</a>'; if (empty($General['custom_feeds']['podcast'])) { echo '<br /><a href="'; echo get_feed_link('podcast'); echo '" target="_blank">'; echo get_feed_link('podcast'); echo '</a>'; } } } ?> </div> </div> <div id="permanent_itunes_settings"> <table class="form-table"> <tr valign="top"> <th scope="row" > <?php echo __('iTunes Block', 'powerpress'); ?> </th> <td> <input type="checkbox" name="Feed[itunes_block]" value="1" <?php if (!empty($FeedSettings['itunes_block'])) { echo 'checked'; } ?> /> <?php echo __('Prevent the entire podcast from appearing in the iTunes Podcast directory.', 'powerpress'); ?> </td> </tr> <tr valign="top"> <th scope="row" > <?php echo __('iTunes Complete', 'powerpress'); ?> </th> <td> <input type="checkbox" name="Feed[itunes_complete]" value="1" <?php if (!empty($FeedSettings['itunes_complete'])) { echo 'checked'; } ?> /> <?php echo __('Indicate the completion of a podcast. iTunes will no longer update your listing in the iTunes Podcast directory.', 'powerpress'); ?> </td> </tr> </table> </div> </fieldset> <?php } // End PowerPress not supported features ?> <!-- end advanced features --> <?php } // end other advanced options }
function powerpress_admin_players($type = 'audio') { $General = powerpress_get_settings('powerpress_general'); if (version_compare($GLOBALS['wp_version'], '3.6-beta', '<') && empty($General['player'])) { $General['player'] = 'default'; } else { if (empty($General['player'])) { $General['player'] = 'mediaelement-audio'; } } if (version_compare($GLOBALS['wp_version'], '3.6-beta', '<') && empty($General['player'])) { $General['video_player'] = ''; } else { if (empty($General['video_player'])) { $General['video_player'] = 'mediaelement-video'; } } if (empty($General['audio_custom_play_button'])) { $General['audio_custom_play_button'] = ''; } $select_player = false; if (isset($_GET['sp'])) { $select_player = true; } if ($type == 'video') { if (!isset($General['video_player'])) { $select_player = true; } } else { if (!isset($General['player'])) { $select_player = true; } } $Audio = array(); $Audio['default'] = 'http://media.blubrry.com/blubrry/content.blubrry.com/blubrry/FlowPlayerClassic.mp3'; $Audio['audio-player'] = 'http://media.blubrry.com/blubrry/content.blubrry.com/blubrry/1_Pixel_Out_Flash_Player.mp3'; $Audio['flashmp3-maxi'] = 'http://media.blubrry.com/blubrry/content.blubrry.com/blubrry/Flash_Maxi_Player.mp3'; $Audio['simple_flash'] = 'http://media.blubrry.com/blubrry/content.blubrry.com/blubrry/Simple_Flash_MP3_Player.mp3'; $Audio['audioplay'] = 'http://media.blubrry.com/blubrry/content.blubrry.com/blubrry/AudioPlay.mp3'; $Audio['html5audio'] = 'http://media.blubrry.com/blubrry/content.blubrry.com/blubrry/html5.mp3'; $Audio['mediaelement-audio'] = 'http://media.blubrry.com/blubrry/content.blubrry.com/blubrry/MediaElement_audio.mp3'; $Video = array(); $Video['flare-player'] = 'http://media.blubrry.com/blubrry/content.blubrry.com/blubrry/FlarePlayer.mp4'; $Video['flow-player-classic'] = 'http://media.blubrry.com/blubrry/content.blubrry.com/blubrry/flow.mp4'; $Video['html5video'] = 'http://media.blubrry.com/blubrry/content.blubrry.com/blubrry/html5.mp4'; $Video['videojs-html5-video-player-for-wordpress'] = 'http://media.blubrry.com/blubrry/content.blubrry.com/blubrry/videojs.mp4'; $Video['mediaelement-video'] = 'http://media.blubrry.com/blubrry/content.blubrry.com/blubrry/MediaElement_video.mp4'; //$Video['mediaelement-video'] = 'http://media.blubrry.com/blubrry/content.blubrry.com/blubrry/videojs.mp4'; /* <div>< object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="30" height="30"> <PARAM NAME=movie VALUE="http://www.strangecube.com/audioplay/online/audioplay.swf?file=http://media.blubrry.com/blubrry/content.blubrry.com/blubrry/AudioPlay.mp3&auto=no&sendstop=yes&repeat=1&buttondir=http://www.strangecube.com/audioplay/online/alpha_buttons/negative&bgcolor=0xffffff&mode=playpause"><PARAM NAME=quality VALUE=high><PARAM NAME=wmode VALUE=transparent><embed src="http://www.strangecube.com/audioplay/online/audioplay.swf?file=http://media.blubrry.com/blubrry/content.blubrry.com/blubrry/AudioPlay.mp3&auto=no&sendstop=yes&repeat=1&buttondir=http://www.strangecube.com/audioplay/online/alpha_buttons/negative&bgcolor=0xffffff&mode=playpause" quality=high wmode=transparent width="30" height="30" align="" TYPE="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></object></div><!-- End of generated code --> */ if ($type == 'video' && function_exists('add_videojs_header')) { add_videojs_header(); } ?> <link rel="stylesheet" href="<?php echo powerpress_get_root_url(); ?> 3rdparty/colorpicker/css/colorpicker.css" type="text/css" /> <script type="text/javascript" src="<?php echo powerpress_get_root_url(); ?> 3rdparty/colorpicker/js/colorpicker.js"></script> <script type="text/javascript" src="<?php echo powerpress_get_root_url(); ?> player.min.js"></script> <script type="text/javascript"><!-- powerpress_url = '<?php echo powerpress_get_root_url(); ?> '; function rgb2hex(rgb) { rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); function hex(x) { hexDigits = new Array("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"); return isNaN(x) ? "00" : hexDigits[(x - x % 16) / 16] + hexDigits[x % 16]; } if( rgb ) return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]); return ''; } function UpdatePlayerPreview(name, value) { if( typeof(generator) != "undefined" ) // Update the Maxi player... { generator.updateParam(name, value); generator.updatePlayer(); } if( typeof(update_audio_player) != "undefined" ) // Update the 1 px out player... update_audio_player(); } jQuery(document).ready(function($) { jQuery('.color_preview').ColorPicker({ onSubmit: function(hsb, hex, rgb, el) { jQuery(el).css({ 'background-color' : '#' + hex }); jQuery(el).ColorPickerHide(); var Id = jQuery(el).attr('id'); Id = Id.replace(/_prev/, ''); jQuery('#'+ Id ).val( '#' + hex ); UpdatePlayerPreview(Id, '#'+hex ); }, onBeforeShow: function () { jQuery(this).ColorPickerSetColor( rgb2hex( jQuery(this).css("background-color") ) ); } }) .bind('keyup', function(){ jQuery(this).ColorPickerSetColor( rgb2hex( jQuery(this).css("background-color") ) ); }); jQuery('.color_field').bind('change', function () { var Id = jQuery(this).attr('id'); jQuery('#'+ Id + '_prev' ).css( { 'background-color' : jQuery(this).val() } ); if( typeof(update_audio_player) != "undefined" ) // Update the 1 px out player... update_audio_player(); }); jQuery('.other_field').bind('change', function () { if( typeof(update_audio_player) != "undefined" ) // Update the 1 px out player... update_audio_player(); }); }); //--> </script> <!-- special page styling goes here --> <style type="text/css"> div.color_control { display: block; float:left; width: 100%; padding: 0; } div.color_control input { display: inline; float: left; } div.color_control div.color_picker { display: inline; float: left; margin-top: 3px; } #player_preview { margin-bottom: 0px; height: 50px; margin-top: 8px;} input#colorpicker-value-input { width: 60px; height: 16px; padding: 0; margin: 0; font-size: 12px; border-spacing: 0; border-width: 0; } table.html5formats { width: 600px; margin: 0; padding: 0; } table.html5formats tr { margin: 0; padding: 0; } table.html5formats tr th { font-weight: bold; border-bottom: 1px solid #000000; margin: 0; padding: 0 5px; width: 25%; } table.html5formats tr td { border-right: 1px solid #000000; border-bottom: 1px solid #000000; margin: 0; padding: 0 10px; } table.html5formats tr > td:first-child { border-left: 1px solid #000000; } </style> <?php // mainly 2 pages, first page selects a player, second configures the player, if there are optiosn to configure for that player. If the user is on the second page, // a link should be provided to select a different player. if ($select_player) { ?> <input type="hidden" name="action" value="powerpress-select-player" /> <h2><?php echo __('Blubrry PowerPress Player Options', 'powerpress'); ?> </h2> <p style="margin-bottom: 0;"><?php echo __('Select the media player you would like to use.', 'powerpress'); ?> </p> <?php if ($type == 'video') { ?> <table class="form-table"> <tr valign="top"> <th scope="row"> </th> <td> <ul> <?php if (version_compare($GLOBALS['wp_version'], '3.6-alpha', '>')) { ?> <li><label><input type="radio" name="VideoPlayer[video_player]" id="player_mediaelement_video" value="mediaelement-video" <?php if ($General['video_player'] == 'mediaelement-video') { echo 'checked'; } ?> /> <?php echo __('MediaElement.js Media Player (default)', 'powerpress'); ?> </label> <?php echo powerpressadmin_new(); ?> <strong style="padding-top: 8px; margin-left: 20px;"><a href="#" id="activate_mediaelement_video" class="activate-player"><?php echo __('Activate and Configure Now', 'powerpress'); ?> </a></strong> </li> <li style="margin-left: 30px; margin-bottom:16px;"> <p> <?php echo powerpressplayer_build_mediaelementvideo($Video['mediaelement-video']); ?> </p> <?php powerpressplayer_mediaelement_info(); ?> </li> <?php } ?> <li><label><input type="radio" name="VideoPlayer[video_player]" id="player_flow_player_classic_player" value="flow-player-classic" <?php if ($General['video_player'] == 'flow-player-classic') { echo 'checked'; } ?> /> <?php echo __('Flow Player Classic', 'powerpress'); ?> </label> <strong style="padding-top: 8px; margin-left: 20px;"><a href="#" id="activate_flow_player_classic_player" class="activate-player"><?php echo __('Activate and Configure Now', 'powerpress'); ?> </a></strong> </li> <li style="margin-left: 30px; margin-bottom:16px;"> <p> <?php echo powerpressplayer_build_flowplayerclassic($Video['flow-player-classic']); ?> </p> <?php powerpressplayer_flowplayer_info(); ?> </li> <li><label><input type="radio" name="VideoPlayer[video_player]" id="player_html5video" value="html5video" <?php if ($General['video_player'] == 'html5video') { echo 'checked'; } ?> /> <?php echo __('HTML5 Video Player', 'powerpress'); ?> </label> <strong style="padding-top: 8px; margin-left: 20px;"><a href="#" id="activate_html5video" class="activate-player"><?php echo __('Activate and Configure Now', 'powerpress'); ?> </a></strong> </li> <li style="margin-left: 30px; margin-bottom:16px;"> <p> <?php echo powerpressplayer_build_html5video($Video['html5video']); ?> </p> <p> <?php echo __('HTML5 Video is an element introduced in the latest HTML specification (HTML5) for the purpose of playing videos.', 'powerpress'); ?> </p> <p> <?php echo __('HTML5 Video Player is not format specific. See table below for a list of browsers and supported formats.', 'powerpress'); ?> </p> <table class="html5formats" border="0" cellpadding="0" cellspacing="0"> <tr> <th><?php echo __('Browser', 'powerpress'); ?> </th> <th>H.264 (.mp4/.m4v)</th> <th>WebM (.webm)</th> <th>Theora (.ogg/.ogv)</th> </tr> <tr> <td><i><?php echo __('Internet Explorer', 'powerpress'); ?> </i></td> <td><strong>9.0+</strong></td> <td>-</td> <td>-</td> </tr> <tr> <td><i><?php echo __('Firefox', 'powerpress'); ?> </i></td> <td><strong>22.0+</strong></td> <td><strong>4.0+</strong></td> <td><strong>3.5+</strong></td> </tr> <tr> <td><i><?php echo __('Chrome', 'powerpress'); ?> <sup>1</sup></i></td> <td>-</td> <td><strong>6.0+</strong></td> <td><strong>5.0+</strong></td> </tr> <tr> <td><i><?php echo __('Opera', 'powerpress'); ?> </i></td> <td>-</td> <td><strong>10.6+</strong></td> <td><strong>10.5+</strong></td> </tr> <tr> <td><i><?php echo __('Safari', 'powerpress'); ?> <sup>2</sup></i></td> <td><strong>3.0+</strong></td> <td>-</td> <td>-</td> </tr> </table> <div><sup>1</sup> <?php echo __('Chrome supported H.264 in previous versions, but no longer supports the format.', 'powerpress'); ?> </div> <div><sup>2</sup> <?php echo __('Safari requires QuickTime installed for HTML5 playback.', 'powerpress'); ?> </div> <p> <?php echo __('Flow Player Classic is used when HTML5 support is not available.', 'powerpress'); ?> </p> </li> <!-- videojs-html5-video-player-for-wordpress --> <li><label><input type="radio" name="VideoPlayer[video_player]" id="player_videojs_html5_video_player_for_wordpress" value="videojs-html5-video-player-for-wordpress" <?php if ($General['video_player'] == 'videojs-html5-video-player-for-wordpress') { echo 'checked'; } ?> <?php echo function_exists('add_videojs_header') ? '' : 'disabled'; ?> /> <?php echo __('VideoJS', 'powerpress'); ?> </label> <?php echo powerpressadmin_new(); ?> <?php if (function_exists('add_videojs_header')) { ?> <strong style="padding-top: 8px; margin-left: 20px;"><a href="#" id="activate_videojs_html5_video_player_for_wordpress" class="activate-player"><?php echo __('Activate and Configure Now', 'powerpress'); ?> </a></strong> <?php } ?> </li> <li style="margin-left: 30px; margin-bottom:16px;"> <p> <?php if (function_exists('add_videojs_header')) { echo powerpressplayer_build_videojs($Video['videojs-html5-video-player-for-wordpress']); } ?> </p> <?php powerpressplayer_videojs_info(); ?> </li> </ul> </td> </tr> </table> <?php } else { ?> <table class="form-table"> <tr valign="top"> <th scope="row"> </th> <td> <ul> <?php if (version_compare($GLOBALS['wp_version'], '3.6-alpha', '>')) { ?> <li><label><input type="radio" name="Player[player]" id="player_mediaelement_audio" value="mediaelement-audio" <?php if ($General['player'] == 'mediaelement-audio') { echo 'checked'; } ?> /> <?php echo __('MediaElement.js Media Player (default)', 'powerpress'); ?> </label> <?php echo powerpressadmin_new(); ?> <strong style="padding-top: 8px; margin-left: 20px;"><a href="#" id="activate_mediaelement_audio" class="activate-player"><?php echo __('Activate and Configure Now', 'powerpress'); ?> </a></strong> </li> <li style="margin-left: 30px; margin-bottom:16px;"> <p> <?php echo powerpressplayer_build_mediaelementaudio($Audio['mediaelement-audio']); ?> </p> <?php powerpressplayer_mediaelement_info(); ?> </li> <?php } ?> <li><label><input type="radio" name="Player[player]" id="player_default" value="default" <?php if ($General['player'] == 'default') { echo 'checked'; } ?> /> <?php echo __('Flow Player Classic', 'powerpress'); ?> </label> <strong style="padding-top: 8px; margin-left: 20px;"><a href="#" id="activate_default" class="activate-player"><?php echo __('Activate and Configure Now', 'powerpress'); ?> </a></strong> </li> <li style="margin-left: 30px; margin-bottom:16px;"> <p> <?php echo powerpressplayer_build_flowplayerclassic($Audio['default']); ?> </p> <?php powerpressplayer_flowplayer_info(); ?> </li> <li><label><input type="radio" name="Player[player]" id="player_audio_player" value="audio-player" <?php if ($General['player'] == 'audio-player') { echo 'checked'; } ?> /> <?php echo __('1 Pixel Out Audio Player', 'powerpress'); ?> </label> <strong style="padding-top: 8px; margin-left: 20px;"><a href="#" id="activate_audio_player" class="activate-player"><?php echo __('Activate and Configure Now', 'powerpress'); ?> </a></strong> </li> <li style="margin-left: 30px; margin-bottom:16px;"> <p> <?php echo powerpressplayer_build_1pxoutplayer($Audio['audio-player']); ?> </p> <p> <?php echo __('1 Pixel Out Audio Player is a popular customizable audio (mp3 only) flash player. Features include an animated play/pause button, scroll-able position bar, elapsed/remaining time, volume control and color styling options.', 'powerpress'); ?> </p> </li> <li><label><input type="radio" name="Player[player]" id="player_html5audio" value="html5audio" <?php if ($General['player'] == 'html5audio') { echo 'checked'; } ?> /> <?php echo __('HTML5 Audio Player', 'powerpress'); ?> </label> <strong style="padding-top: 8px; margin-left: 20px;"><a href="#" id="activate_html5audio" class="activate-player"><?php echo __('Activate and Configure Now', 'powerpress'); ?> </a></strong> </li> <li style="margin-left: 30px; margin-bottom:16px;"> <p> <?php echo powerpressplayer_build_html5audio($Audio['html5audio']); ?> </p> <p> <?php echo __('HTML5 audio is an element introduced in the latest HTML specification (HTML5) for the purpose of playing audio.', 'powerpress'); ?> </p> <p> <?php echo __('HTML5 Audio Player is not format specific. See table below for a list of browsers and supported formats.', 'powerpress'); ?> </p> <table class="html5formats" border="0" cellpadding="0" cellspacing="0"> <tr> <th><?php echo __('Browser', 'powerpress'); ?> </th> <th>Mpeg3 (.mp3)</th> <th>AAC (.m4a)</th> <th>Vorbis (.ogg/.oga)</th> </tr> <tr> <td><i><?php echo __('Internet Explorer', 'powerpress'); ?> </i></td> <td><strong>9.0+</strong></td> <td><strong>9.0+</strong></td> <td>-</td> </tr> <tr> <td><i><?php echo __('Firefox', 'powerpress'); ?> </i></td> <td><strong>26.0+</strong></td> <td>-</td> <td><strong>3.5+</strong></td> </tr> <tr> <td><i><?php echo __('Chrome', 'powerpress'); ?> <sup>1</sup></i></td> <td><strong>5.0+</strong></td> <td>-</td> <td><strong>5.0+</strong></td> </tr> <tr> <td><i><?php echo __('Opera', 'powerpress'); ?> </i></td> <td>-</td> <td>-</td> <td><strong>10.5+</strong></td> </tr> <tr> <td><i><?php echo __('Safari', 'powerpress'); ?> <sup>2</sup></i></td> <td><strong>3.0+</strong></td> <td><strong>3.0+</strong></td> <td>-</td> </tr> </table> <div><sup>1</sup> <?php echo __('Chrome supported AAC in previous versions, but no longer supports the format.', 'powerpress'); ?> </div> <div><sup>2</sup> <?php echo __('Safari requires QuickTime installed for HTML5 playback.', 'powerpress'); ?> </div> <p> <?php echo __('Flow Player Classic is used when HTML5 support is not available.', 'powerpress'); ?> </p> </li> <li> <div class="updated fade powerpress-notice inline"> <?php echo __('NOTICE: Due to limited use, the players below (Mp3 Player Maxi, Simple Flash MP3 Player, and AudioPlay) will be moved to a separate plugin starting with PowerPress version 6.0.', 'powerpress'); ?> </div> </li> <li><label><input type="radio" name="Player[player]" id="player_flashmp3_maxi" value="flashmp3-maxi" <?php if ($General['player'] == 'flashmp3-maxi') { echo 'checked'; } ?> /> <?php echo __('Mp3 Player Maxi', 'powerpress'); ?> </label> <strong style="padding-top: 8px; margin-left: 20px;"><a href="#" id="activate_flashmp3_maxi" class="activate-player"><?php echo __('Activate and Configure Now', 'powerpress'); ?> </a></strong> </li> <li style="margin-left: 30px; margin-bottom:16px;"> <p> <?php echo powerpressplayer_build_flashmp3maxi($Audio['flashmp3-maxi']); ?> </p> <p> <?php echo __('Flash Mp3 Maxi Player is a customizable open source audio (mp3 only) flash player. Features include pause/play/stop/file info buttons, scroll-able position bar, volume control and color styling options.', 'powerpress'); ?> </p> </li> <li><label><input type="radio" name="Player[player]" id="player_simple_flash" value="simple_flash" <?php if ($General['player'] == 'simple_flash') { echo 'checked'; } ?> /> <?php echo __('Simple Flash MP3 Player', 'powerpress'); ?> </label> <strong style="padding-top: 8px; margin-left: 20px;"><a href="#" id="activate_simple_flash" class="activate-player"><?php echo __('Activate and Configure Now', 'powerpress'); ?> </a></strong> </li> <li style="margin-left: 30px; margin-bottom:16px;"> <p> <?php echo powerpressplayer_build_simpleflash($Audio['simple_flash']); ?> </p> <p> <?php echo __('Simple Flash MP3 Player is a free and simple audio (mp3 only) flash player. Features include play/pause and stop buttons.', 'powerpress'); ?> </p> </li> <li><label><input type="radio" name="Player[player]" id="player_audioplay" value="audioplay" <?php if ($General['player'] == 'audioplay') { echo 'checked'; } ?> /> <?php echo __('AudioPlay', 'powerpress'); ?> </label> <strong style="padding-top: 8px; margin-left: 20px;"><a href="#" id="activate_audioplay" class="activate-player"><?php echo __('Activate and Configure Now', 'powerpress'); ?> </a></strong> </li> <li style="margin-left: 30px; margin-bottom:16px;"> <p> <?php echo powerpressplayer_build_audioplay($Audio['audioplay']); ?> </p> <p> <?php echo __('AudioPlay is one button freeware audio (mp3 only) flash player. Features include a play/stop or play/pause button available in two sizes in either black or white.', 'powerpress'); ?> </p> </li> </ul> </td> </tr> </table> <?php } ?> <h4 style="margin-bottom: 0;"><?php echo __('Click \'Save Changes\' to activate and configure selected player.', 'powerpress'); ?> </h4> <?php } else { ?> <h2><?php echo __('Configure Player', 'powerpress'); ?> </h2> <?php if ($type == 'audio') { ?> <p style="margin-bottom: 20px;"><strong><a href="<?php echo admin_url("admin.php?page=powerpress/powerpressadmin_player.php&sp=1"); ?> "><?php echo __('Select a different audio player', 'powerpress'); ?> </a></strong></p> <?php } else { ?> <p style="margin-bottom: 20px;"><strong><a href="<?php echo admin_url("admin.php?page=powerpress/powerpressadmin_videoplayer.php&sp=1"); ?> "><?php echo __('Select a different video player', 'powerpress'); ?> </a></strong></p> <?php } // Start adding logic here to display options based on the player selected... if ($type == 'audio') { switch ($General['player']) { case 'audio-player': $PlayerSettings = powerpress_get_settings('powerpress_audio-player'); if ($PlayerSettings == "") { $PlayerSettings = array('width' => '290', 'transparentpagebg' => 'yes', 'lefticon' => '#333333', 'leftbg' => '#CCCCCC', 'bg' => '#E5E5E5', 'voltrack' => '#F2F2F2', 'volslider' => '#666666', 'rightbg' => '#B4B4B4', 'rightbghover' => '#999999', 'righticon' => '#333333', 'righticonhover' => '#FFFFFF', 'loader' => '#009900', 'track' => '#FFFFFF', 'tracker' => '#DDDDDD', 'border' => '#CCCCCC', 'skip' => '#666666', 'text' => '#333333', 'pagebg' => '', 'rtl' => 'no', 'initialvolume' => '60', 'animation' => 'yes', 'remaining' => 'no'); } if (empty($PlayerSettings['remaining'])) { $PlayerSettings['remaining'] = 'no'; } // New default setting if (!isset($PlayerSettings['buffer'])) { $PlayerSettings['buffer'] = ''; } // New default setting if (!isset($PlayerSettings['titles'])) { $PlayerSettings['titles'] = ''; } ?> <script type="text/javascript"><!-- function update_audio_player() { var myParams = new Array("lefticon","leftbg", "bg", "voltrack", "rightbg", "rightbghover", "righticon", "righticonhover", "loader", "track", "tracker", "border", "skip", "text", "pagebg", "rtl", "animation", "titles", "initialvolume"); var myWidth = document.getElementById('player_width').value; var myBackground = ''; if( myWidth < 10 || myWidth > 900 ) myWidth = 290; var out = '<object type="application/x-shockwave-flash" data="<?php echo powerpress_get_root_url(); ?> /audio-player.swf" width="'+myWidth+'" height="24">'+"\n"; out += ' <param name="movie" value="<?php echo powerpress_get_root_url(); ?> /audio-player.swf" />'+"\n"; out += ' <param name="FlashVars" value="playerID=1&soundFile=<?php echo $Audio['audio-player']; ?> '; var x = 0; for( x = 0; x < myParams.length; x++ ) { if( myParams[ x ] == 'border' ) var Element = document.getElementById( 'player_border' ); else var Element = document.getElementById( myParams[ x ] ); if( Element ) { if( Element.value != '' ) { out += '&'; out += myParams[ x ]; out += '='; out += Element.value.replace(/^#/, ''); if( myParams[ x ] == 'pagebg' ) { myBackground = '<param name="bgcolor" value="'+ Element.value +'" />'; out += '&transparentpagebg=no'; } } else { if( myParams[ x ] == 'pagebg' ) { out += '&transparentpagebg=yes'; myBackground = '<param name="wmode" value="transparent" />'; } } } } out += '" />'+"\n"; out += '<param name="quality" value="high" />'; out += '<param name="menu" value="false" />'; out += myBackground; out += '</object>'; var player = document.getElementById("player_preview"); player.innerHTML = out; } function audio_player_defaults() { if( confirm('<?php echo __("Set defaults, are you sure?\\n\\nAll of the current settings will be overwritten!", 'powerpress'); ?> ') ) { jQuery('#player_width').val('290'); UpdatePlayerPreview('player_width',jQuery('#player_width').val() ); jQuery('#transparentpagebg').val( 'yes'); UpdatePlayerPreview('transparentpagebg',jQuery('#transparentpagebg').val() ); jQuery('#lefticon').val( '#333333'); UpdatePlayerPreview('lefticon',jQuery('#lefticon').val() ); jQuery('#lefticon_prev' ).css( { 'background-color' : '#333333' } ); jQuery('#leftbg').val( '#CCCCCC'); UpdatePlayerPreview('leftbg',jQuery('#leftbg').val() ); jQuery('#leftbg_prev' ).css( { 'background-color' : '#CCCCCC' } ); jQuery('#bg').val( '#E5E5E5'); UpdatePlayerPreview('bg',jQuery('#bg').val() ); jQuery('#bg_prev' ).css( { 'background-color' : '#E5E5E5' } ); jQuery('#voltrack').val( '#F2F2F2'); UpdatePlayerPreview('voltrack',jQuery('#voltrack').val() ); jQuery('#voltrack_prev' ).css( { 'background-color' : '#F2F2F2' } ); jQuery('#volslider').val( '#666666'); UpdatePlayerPreview('volslider',jQuery('#volslider').val() ); jQuery('#volslider_prev' ).css( { 'background-color' : '#666666' } ); jQuery('#rightbg').val( '#B4B4B4'); UpdatePlayerPreview('rightbg',jQuery('#rightbg').val() ); jQuery('#rightbg_prev' ).css( { 'background-color' : '#B4B4B4' } ); jQuery('#rightbghover').val( '#999999'); UpdatePlayerPreview('rightbghover',jQuery('#rightbghover').val() ); jQuery('#rightbghover_prev' ).css( { 'background-color' : '#999999' } ); jQuery('#righticon').val( '#333333'); UpdatePlayerPreview('righticon',jQuery('#righticon').val() ); jQuery('#righticon_prev' ).css( { 'background-color' : '#333333' } ); jQuery('#righticonhover').val( '#FFFFFF'); UpdatePlayerPreview('righticonhover',jQuery('#righticonhover').val() ); jQuery('#righticonhover_prev' ).css( { 'background-color' : '#FFFFFF' } ); jQuery('#loader').val( '#009900'); UpdatePlayerPreview('loader',jQuery('#loader').val() ); jQuery('#loader_prev' ).css( { 'background-color' : '#009900' } ); jQuery('#track').val( '#FFFFFF'); UpdatePlayerPreview('track',jQuery('#track').val() ); jQuery('#track_prev' ).css( { 'background-color' : '#FFFFFF' } ); jQuery('#tracker').val( '#DDDDDD'); UpdatePlayerPreview('tracker',jQuery('#tracker').val() ); jQuery('#tracker_prev' ).css( { 'background-color' : '#DDDDDD' } ); jQuery('#player_border').val( '#CCCCCC'); UpdatePlayerPreview('player_border',jQuery('#player_border').val() ); jQuery('#player_border_prev' ).css( { 'background-color' : '#CCCCCC' } ); jQuery('#skip').val( '#666666'); UpdatePlayerPreview('skip',jQuery('#skip').val() ); jQuery('#skip_prev' ).css( { 'background-color' : '#666666' } ); jQuery('#text').val( '#333333'); UpdatePlayerPreview('text',jQuery('#text').val() ); jQuery('#text_prev' ).css( { 'background-color' : '#333333' } ); jQuery('#pagebg').val( ''); UpdatePlayerPreview('pagebg',jQuery('#pagebg').val() ); jQuery('#animation').val( 'yes'); UpdatePlayerPreview('animation',jQuery('#animation').val() ); jQuery('#remaining').val( 'no'); UpdatePlayerPreview('remaining',jQuery('#remaining').val() ); jQuery('#buffer').val( ''); UpdatePlayerPreview('buffer',jQuery('#buffer').val() ); jQuery('#rtl' ).val( 'no' ); UpdatePlayerPreview('rtl',jQuery('#rtl').val() ); jQuery('#initialvolume').val('60'); UpdatePlayerPreview('initialvolume',jQuery('#initialvolume').val() ); update_audio_player(); } } //--> </script> <input type="hidden" name="action" value="powerpress-audio-player" /> <?php echo __('Configure the 1 pixel out Audio Player', 'powerpress'); ?> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Preview of Player', 'powerpress'); ?> </th> <td><div id="player_preview"> <?php echo powerpressplayer_build_1pxoutplayer($Audio['audio-player'], array('nodiv' => true)); ?> </div> </td> </tr> </table> <div id="powerpress_settings_page" class="powerpress_tabbed_content" style="position: relative;"> <div style="position: absolute; top: 6px; right:0px;"> <a href="#" onclick="audio_player_defaults();return false;"><?php echo __('Set Defaults', 'powerpress'); ?> </a> </div> <ul class="powerpress_settings_tabs"> <li><a href="#tab_general"><span><?php echo __('Basic Settings', 'powerpress'); ?> </span></a></li> <li><a href="#tab_progress"><span><?php echo __('Progress Bar', 'powerpress'); ?> </span></a></li> <li><a href="#tab_volume"><span><?php echo __('Volume Button', 'powerpress'); ?> </span></a></li> <li><a href="#tab_play"><span><?php echo __('Play / Pause Button', 'powerpress'); ?> </span></a></li> </ul> <div id="tab_general" class="powerpress_tab"> <h3><?php echo __('General Settings', 'powerpress'); ?> </h3> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Page Background Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="pagebg" name="Player[pagebg]" class="color_field" value="<?php echo $PlayerSettings['pagebg']; ?> " maxlength="20" /> <img id="pagebg_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['pagebg']; ?> ;" class="color_preview" /> </div> <small>(<?php echo __('leave blank for transparent', 'powerpress'); ?> )</small> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Player Background Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="bg" name="Player[bg]" class="color_field" value="<?php echo $PlayerSettings['bg']; ?> " maxlength="20" /> <img id="bg_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['bg']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Width (in pixels)', 'powerpress'); ?> </th> <td> <input type="text" style="width: 50px;" id="player_width" name="Player[width]" class="other_field" value="<?php echo $PlayerSettings['width']; ?> " maxlength="20" /> <?php echo __('width of the player. e.g. 290 (290 pixels) or 100%', 'powerpress'); ?> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Right-to-Left', 'powerpress'); ?> </th> <td> <select style="width: 102px;" id="rtl" name="Player[rtl]" class="other_field"> <?php $options = array('yes' => __('Yes', 'powerpress'), 'no' => __('No', 'powerpress')); powerpress_print_options($options, $PlayerSettings['rtl']); ?> </select> <?php echo __('switches the layout to animate from the right to the left', 'powerpress'); ?> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Loading Bar Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="loader" name="Player[loader]" class="color_field" value="<?php echo $PlayerSettings['loader']; ?> " maxlength="20" /> <img id="loader_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['loader']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Text Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="text" name="Player[text]" class="color_field" value="<?php echo $PlayerSettings['text']; ?> " maxlength="20" /> <img id="text_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['text']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Text In Player', 'powerpress'); ?> </th> <td> <div><input type="text" style="width: 60%;" id="titles" name="Player[titles]" class="other_field" value="<?php echo $PlayerSettings['titles']; ?> " maxlength="100" /></div> <small><?php echo sprintf(__('Enter \'%s\' to display track name from mp3. Only works if media is hosted on same server as blog.', 'powerpress'), __('TRACK', 'powerpress')); ?> </small> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Play Animation', 'powerpress'); ?> </th> <td> <div class="color_control"> <select style="width: 102px;" id="animation" name="Player[animation]" class="other_field"> <?php $options = array('yes' => __('Yes', 'powerpress'), 'no' => __('No', 'powerpress')); powerpress_print_options($options, $PlayerSettings['animation']); ?> </select> <?php echo __('if no, player is always open', 'powerpress'); ?> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Display Remaining Time', 'powerpress'); ?> </th> <td> <div class="color_control"> <select style="width: 102px;" id="remaining" name="Player[remaining]" class="other_field"> <?php $options = array('yes' => __('Yes', 'powerpress'), 'no' => __('No', 'powerpress')); powerpress_print_options($options, $PlayerSettings['remaining']); ?> </select> <?php echo __('if yes, shows remaining track time rather than elapsed time (default: no)', 'powerpress'); ?> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Buffering Time', 'powerpress'); ?> </th> <td> <div class="color_control"> <select style="width: 200px;" id="buffer" name="Player[buffer]" class="other_field"> <?php $options = array('0' => __('No buffering', 'powerpress'), '' => __('Default (5 seconds)', 'powerpress'), '10' => __('10 seconds', 'powerpress'), '15' => __('15 seconds', 'powerpress'), '20' => __('20 seconds', 'powerpress'), '30' => __('30 seconds', 'powerpress'), '60' => __('60 seconds', 'powerpress')); powerpress_print_options($options, $PlayerSettings['buffer']); ?> </select> <?php echo __('buffering time in seconds', 'powerpress'); ?> </div> </td> </tr> </table> </div> <div id="tab_progress" class="powerpress_tab"> <h3><?php echo __('Progress Bar', 'powerpress'); ?> </h3> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Progress Bar Background', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="track" name="Player[track]" class="color_field" value="<?php echo $PlayerSettings['track']; ?> " maxlength="20" /> <img id="track_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['track']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Progress Bar Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="tracker" name="Player[tracker]" class="color_field" value="<?php echo $PlayerSettings['tracker']; ?> " maxlength="20" /> <img id="tracker_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['tracker']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Progress Bar Border', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="player_border" name="Player[border]" class="color_field" value="<?php echo $PlayerSettings['border']; ?> " maxlength="20" /> <img id="player_border_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['border']; ?> ;" class="color_preview" /> </div> </td> </tr> </table> </div> <div id="tab_volume" class="powerpress_tab"> <h3><?php echo __('Volume Button Settings', 'powerpress'); ?> </h3> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Initial Volume', 'powerpress'); ?> </th> <td> <select style="width: 100px;" id="initialvolume" name="Player[initialvolume]" class="other_field"> <?php for ($x = 0; $x <= 100; $x += 5) { echo '<option value="' . $x . '"' . ($PlayerSettings['initialvolume'] == $x ? ' selected' : '') . '>' . $x . '%</option>'; } ?> </select> <?php echo __('initial volume level (default: 60)', 'powerpress'); ?> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Volumn Background Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="leftbg" name="Player[leftbg]" class="color_field" value="<?php echo $PlayerSettings['leftbg']; ?> " maxlength="20" /> <img id="leftbg_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['leftbg']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Speaker Icon Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="lefticon" name="Player[lefticon]" class="color_field" value="<?php echo $PlayerSettings['lefticon']; ?> " maxlength="20" /> <img id="lefticon_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['lefticon']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Volume Icon Background', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="voltrack" name="Player[voltrack]" class="color_field" value="<?php echo $PlayerSettings['voltrack']; ?> " maxlength="20" /> <img id="voltrack_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['voltrack']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Volume Slider Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="volslider" name="Player[volslider]" class="color_field" value="<?php echo $PlayerSettings['volslider']; ?> " maxlength="20" /> <img id="volslider_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['volslider']; ?> ;" class="color_preview" /> </div> </td> </tr> </table> </div> <div id="tab_play" class="powerpress_tab"> <h3><?php echo __('Play / Pause Button Settings', 'powerpress'); ?> </h3> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Play/Pause Background Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="rightbg" name="Player[rightbg]" class="color_field" value="<?php echo $PlayerSettings['rightbg']; ?> " maxlength="20" /> <img id="rightbg_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['rightbg']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Play/Pause Hover Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="rightbghover" name="Player[rightbghover]" class="color_field" value="<?php echo $PlayerSettings['rightbghover']; ?> " maxlength="20" /> <img id="rightbghover_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['rightbghover']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Play/Pause Icon Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="righticon" name="Player[righticon]" class="color_field" value="<?php echo $PlayerSettings['righticon']; ?> " maxlength="20" /> <img id="righticon_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['righticon']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Play/Pause Icon Hover Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="righticonhover" name="Player[righticonhover]" class="color_field" value="<?php echo $PlayerSettings['righticonhover']; ?> " maxlength="20" /> <img id="righticonhover_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['righticonhover']; ?> ;" class="color_preview" /> </div> </td> </tr> </table> </div> <!-- end tab --> </div> <!-- end tab wrapper --> <?php break; case 'simple_flash': ?> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Preview of Player', 'powerpress'); ?> </th> <td><p> <?php // TODO echo powerpressplayer_build_simpleflash($Audio['simple_flash']); ?> </p> </td> </tr> <tr valign="top"> <th scope="row"> </th> <td> <p><?php echo __('Simple Flash Player has no additional settings.', 'powerpress'); ?> </p> </td> </tr> </table> <?php break; case 'flashmp3-maxi': //get settings for Flash MP3 Maxi player $PlayerSettings = powerpress_get_settings('powerpress_flashmp3-maxi'); //set array values for dropdown lists $autoload = array('always' => 'Always', 'never' => 'Never', 'autohide' => 'Auto Hide'); $volume = array('0' => '0', '25' => '25', '50' => '50', '75' => '75', '100' => '100', '125' => '125', '150' => '150', '175' => '175', '200' => '200'); //set PlayerSettings as blank array for initial setup //This keeps the foreach loop from returning an error if (empty($PlayerSettings)) { $PlayerSettings = array('bgcolor1' => '#7c7c7c', 'bgcolor2' => '#333333', 'bgcolor' => '', 'textcolor' => '#FFFFFF', 'buttoncolor' => '#FFFFFF', 'buttonovercolor' => '#FFFF00', 'showstop' => '0', 'showinfo' => '0', 'showvolume' => '1', 'height' => '20', 'width' => '200', 'showloading' => 'autohide', 'buttonwidth' => '26', 'volume' => '100', 'showslider' => '1', 'slidercolor1' => '#cccccc', 'slidercolor2' => '#888888', 'sliderheight' => '10', 'sliderwidth' => '20', 'loadingcolor' => '#FFFF00', 'volumeheight' => '6', 'volumewidth' => '30', 'sliderovercolor' => '#eeee00'); } ?> <script type="text/javascript"><!-- function audio_player_defaults() { if( confirm('<?php echo __("Set defaults, are you sure?\\n\\nAll of the current settings will be overwritten!'", 'powerpress'); ?> ) ) { jQuery('#bgcolor1').val('#7c7c7c'); UpdatePlayerPreview('bgcolor1',jQuery('#bgcolor1').val() ); jQuery('#bgcolor1_prev' ).css( { 'background-color' : '#7c7c7c' } ); jQuery('#bgcolor2').val('#333333' ); UpdatePlayerPreview('bgcolor2',jQuery('#bgcolor2').val() ); jQuery('#bgcolor2_prev' ).css( { 'background-color' : '#333333' } ); jQuery('#textcolor' ).val( '#FFFFFF' ); UpdatePlayerPreview('textcolor',jQuery('#textcolor').val() ); jQuery('#textcolor_prev' ).css( { 'background-color' : '#FFFFFF' } ); jQuery('#buttoncolor' ).val( '#FFFFFF' ); UpdatePlayerPreview('buttoncolor',jQuery('#buttoncolor').val() ); jQuery('#buttoncolor_prev' ).css( { 'background-color' : '#FFFFFF' } ); jQuery('#buttonovercolor' ).val( '#FFFF00' ); UpdatePlayerPreview('buttonovercolor',jQuery('#buttonovercolor').val() ); jQuery('#buttonovercolor_prev' ).css( { 'background-color' : '#FFFF00' } ); jQuery('#showstop' ).val( '0' ); UpdatePlayerPreview('showstop',jQuery('#showstop').val() ); jQuery('#showinfo' ).val( '0' ); UpdatePlayerPreview('showinfo',jQuery('#showinfo').val() ); jQuery('#showvolume' ).val( '1' ); UpdatePlayerPreview('showvolume',jQuery('#showvolume').val() ); jQuery('#player_height' ).val( '20' ); UpdatePlayerPreview('height',jQuery('#player_height').val() ); jQuery('#player_width' ).val( '200' ); UpdatePlayerPreview('width',jQuery('#player_width').val() ); jQuery('#showloading' ).val( 'autohide' ); UpdatePlayerPreview('showloading',jQuery('#showloading').val() ); jQuery('#slidercolor1').val('#cccccc' ); UpdatePlayerPreview('slidercolor1',jQuery('#slidercolor1').val() ); jQuery('#slidercolor1_prev' ).css( { 'background-color' : '#cccccc' } ); jQuery('#slidercolor2').val('#888888' ); UpdatePlayerPreview('slidercolor2',jQuery('#slidercolor2').val() ); jQuery('#slidercolor2_prev' ).css( { 'background-color' : '#888888' } ); jQuery('#sliderheight' ).val( '10' ); UpdatePlayerPreview('sliderheight',jQuery('#sliderheight').val() ); jQuery('#sliderwidth' ).val( '20' ); UpdatePlayerPreview('sliderwidth',jQuery('#sliderwidth').val() ); jQuery('#loadingcolor' ).val( '#FFFF00' ); UpdatePlayerPreview('loadingcolor',jQuery('#loadingcolor').val() ); jQuery('#loadingcolor_prev' ).css( { 'background-color' : '#FFFF00' } ); jQuery('#bgcolor').val(''); UpdatePlayerPreview('bgcolor',jQuery('#bgcolor').val() ); jQuery('#bgcolor_prev' ).css( { 'background-color' : '' } ); jQuery('#volumeheight' ).val( '6' ); UpdatePlayerPreview('volumeheight',jQuery('#volumeheight').val() ); jQuery('#volumewidth' ).val( '30' ); UpdatePlayerPreview('volumewidth',jQuery('#volumewidth').val() ); jQuery('#sliderovercolor' ).val( '#eeee00' ); UpdatePlayerPreview('sliderovercolor',jQuery('#sliderovercolor').val() ); jQuery('#sliderovercolor_prev' ).css( { 'background-color' : '#eeee00' } ); jQuery('#volume' ).val( '100' ); UpdatePlayerPreview('volume',jQuery('#volume').val() ); jQuery('#showslider' ).val( '1' ); UpdatePlayerPreview('showslider',jQuery('#showslider').val() ); jQuery('#buttonwidth' ).val( '26' ); UpdatePlayerPreview('buttonwidth',jQuery('#buttonwidth').val() ); //update_audio_player(); generator.updatePlayer(); } } //--> </script> <input type="hidden" name="action" value="powerpress-flashmp3-maxi" /> <p><?php echo __('Configure Flash Mp3 Maxi Player', 'powerpress'); ?> </p> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Preview of Player', 'powerpress'); ?> </th> <td> <div id="player_preview"></div> <script type="text/javascript" src="<?php echo powerpress_get_root_url(); ?> 3rdparty/maxi_player/generator.js"></script> <input type="hidden" id="gen_mp3" name="gen_mp3" value="<?php echo $Audio['flashmp3-maxi']; ?> " /> </td> </tr> </table> <div id="powerpress_settings_page" class="powerpress_tabbed_content" style="position: relative;"> <div style="position: absolute; top: 6px; right:0px;"> <a href="#" onclick="audio_player_defaults();return false;"><?php echo __('Set Defaults', 'powerpress'); ?> </a> </div> <ul class="powerpress_settings_tabs"> <li><a href="#tab_general"><span><?php echo __('Basic Settings', 'powerpress'); ?> </span></a></li> <li><a href="#tab_buttons"><span><?php echo __('Button Settings', 'powerpress'); ?> </span></a></li> <li><a href="#tab_volume"><span><?php echo __('Volume Settings', 'powerpress'); ?> </span></a></li> <li><a href="#tab_slider"><span><?php echo __('Slider Settings', 'powerpress'); ?> </span></a></li> </ul> <div id="tab_general" class="powerpress_tab"> <h3><?php echo __('General Settings', 'powerpress'); ?> </h3> <table class="form-table"> <tr valign="top"> <td colspan="2"> <?php echo __('leave blank for default values', 'powerpress'); ?> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Player Gradient Color Top', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="bgcolor1" name="Player[bgcolor1]" class="color_field" value="<?php echo $PlayerSettings['bgcolor1']; ?> " maxlength="20" /> <img id="bgcolor1_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['bgcolor1']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Player Gradient Color Bottom', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="bgcolor2" name="Player[bgcolor2]" class="color_field" value="<?php echo $PlayerSettings['bgcolor2']; ?> " maxlength="20" /> <img id="bgcolor2_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['bgcolor2']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Background Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="bgcolor" name="Player[bgcolor]" class="color_field" value="<?php echo $PlayerSettings['bgcolor']; ?> " maxlength="20" /> <img id="bgcolor_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['bgcolor']; ?> ;" class="color_preview" /> </div> <small><?php echo __('leave blank for transparent', 'powerpress'); ?> </small> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Text Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="textcolor" name="Player[textcolor]" class="color_field" value="<?php echo $PlayerSettings['textcolor']; ?> " maxlength="20" /> <img id="textcolor_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['textcolor']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Player Height (in pixels)', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 50px;" id="player_height" name="Player[height]" value="<?php echo $PlayerSettings['height']; ?> " maxlength="20" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Player Width (in pixels)', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 50px;" id="player_width" name="Player[width]" value="<?php echo $PlayerSettings['width']; ?> " maxlength="20" /> </div> </td> </tr> </table> </div> <div id="tab_buttons" class="powerpress_tab"> <h3><?php echo __('Button Settings', 'powerpress'); ?> </h3> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Button Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="buttoncolor" name="Player[buttoncolor]" class="color_field" value="<?php echo $PlayerSettings['buttoncolor']; ?> " maxlength="20" /> <img id="buttoncolor_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['buttoncolor']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Button Hover Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="buttonovercolor" name="Player[buttonovercolor]" class="color_field" value="<?php echo $PlayerSettings['buttonovercolor']; ?> " maxlength="20" /> <img id="buttonovercolor_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['buttonovercolor']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Button Width (in pixels)', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 50px;" id="buttonwidth" name="Player[buttonwidth]" value="<?php echo $PlayerSettings['buttonwidth']; ?> " maxlength="20" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Show Stop Button', 'powerpress'); ?> </th> <td> <div class="color_control"> <select style="width: 100px;" id="showstop" name="Player[showstop]"> <?php $options = array('1' => __('Yes', 'powerpress'), '0' => __('No', 'powerpress')); powerpress_print_options($options, $PlayerSettings['showstop']); ?> </select> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Show Info', 'powerpress'); ?> </th> <td> <div class="color_control"> <select style="width: 100px;" id="showinfo" name="Player[showinfo]"> <?php $options = array('1' => __('Yes', 'powerpress'), '0' => __('No', 'powerpress')); powerpress_print_options($options, $PlayerSettings['showinfo']); ?> </select> </div> </td> </tr> </table> </div> <div id="tab_volume" class="powerpress_tab"> <h3><?php echo __('Volume Settings', 'powerpress'); ?> </h3> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Show Volume', 'powerpress'); ?> </th> <td> <div class="color_control"> <select style="width: 100px;" id="showvolume" name="Player[showvolume]"> <?php $options = array('1' => __('Yes', 'powerpress'), '0' => __('No', 'powerpress')); powerpress_print_options($options, $PlayerSettings['showvolume']); ?> </select> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Volume', 'powerpress'); ?> </th> <td> <div class="color_control"> <select style="width: 100px;" id="volume" name="Player[volume]"> <?php powerpress_print_options($volume, $PlayerSettings['volume']); ?> </select> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Volume Height (in pixels)', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 50px;" id="volumeheight" name="Player[volumeheight]" value="<?php echo $PlayerSettings['volumeheight']; ?> " maxlength="20" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Volume Width (in pixels)', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 50px;" id="volumewidth" name="Player[volumewidth]" value="<?php echo $PlayerSettings['volumewidth']; ?> " maxlength="20" /> </div> </td> </tr> </table> </div> <div id="tab_slider" class="powerpress_tab"> <h3><?php echo __('Slider Settings', 'powerpress'); ?> </h3> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Show Slider', 'powerpress'); ?> </th> <td> <div class="color_control"> <select style="width: 100px;" id="showslider" name="Player[showslider]"> <?php $options = array('1' => __('Yes', 'powerpress'), '0' => __('No', 'powerpress')); powerpress_print_options($options, $PlayerSettings['showslider']); ?> </select> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Slider Color Top', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="slidercolor1" name="Player[slidercolor1]" class="color_field" value="<?php echo $PlayerSettings['slidercolor1']; ?> " maxlength="20" /> <img id="slidercolor1_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['slidercolor1']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Slider Color Bottom', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="slidercolor2" name="Player[slidercolor2]" class="color_field" value="<?php echo $PlayerSettings['slidercolor2']; ?> " maxlength="20" /> <img id="slidercolor2_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['slidercolor2']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Slider Hover Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="sliderovercolor" name="Player[sliderovercolor]" class="color_field" value="<?php echo $PlayerSettings['sliderovercolor']; ?> " maxlength="20" /> <img id="sliderovercolor_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['sliderovercolor']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Slider Height (in pixels)', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 50px;" id="sliderheight" name="Player[sliderheight]" value="<?php echo $PlayerSettings['sliderheight']; ?> " maxlength="20" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Slider Width (in pixels)', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 50px;" id="sliderwidth" name="Player[sliderwidth]" value="<?php echo $PlayerSettings['sliderwidth']; ?> " maxlength="20" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Show Loading Buffer', 'powerpress'); ?> </th> <td> <div class="color_control"> <select style="width: 100px;" id="showloading" name="Player[showloading]"> <?php powerpress_print_options($autoload, $PlayerSettings['showloading']); ?> </select> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Loading Buffer Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="loadingcolor" name="Player[loadingcolor]" class="color_field" value="<?php echo $PlayerSettings['loadingcolor']; ?> " maxlength="20" /> <img id="loadingcolor_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['loadingcolor']; ?> ;" class="color_preview" /> </div> </td> </tr> </table> </div> <!-- end tab --> </div><!-- end tab container --> <script type="text/javascript"><!-- generator.player = '<?php echo powerpress_get_root_url(); ?> player_mp3_maxi.swf'; generator.addParam("gen_mp3", "mp3", "url", ''); generator.addParam("player_height", "height", "int", "20"); generator.addParam("player_width", "width", "int", "200"); generator.addParam("bgcolor1", "bgcolor1", "color", "#7c7c7c"); generator.addParam("bgcolor2", "bgcolor2", "color", "#333333"); generator.addParam("bgcolor", "bgcolor", "color", ""); generator.addParam("textcolor", "textcolor", "color", "#FFFFFF"); generator.addParam("loadingcolor", "loadingcolor", "color", "#FFFF00"); generator.addParam("buttoncolor", "buttoncolor", "color", "#FFFFFF"); generator.addParam("buttonovercolor", "buttonovercolor", "color", "#FFFF00"); generator.addParam("showloading", "showloading", "text", "autohide"); generator.addParam("showinfo", "showinfo", "bool", "0"); generator.addParam("showstop", "showstop", "int", "0"); generator.addParam("showvolume", "showvolume", "int", "0"); generator.addParam("buttonwidth", "buttonwidth", "int", "26"); generator.addParam("volume", "volume", "int", "100"); generator.addParam("volumeheight", "volumeheight", "int", "6"); generator.addParam("volumewidth", "volumewidth", "int", "30"); generator.addParam("sliderovercolor", "sliderovercolor", "color", "#eeee00"); generator.addParam("showslider", "showslider", "bool", "1"); generator.addParam("slidercolor1", "slidercolor1", "color", "#cccccc"); generator.addParam("slidercolor2", "slidercolor2", "color", "#888888"); generator.addParam("sliderheight", "sliderheight", "int", "10"); generator.addParam("sliderwidth", "sliderwidth", "int", "20"); generator.updatePlayer(); //--> </script> <?php break; case 'audioplay': $PlayerSettings = powerpress_get_settings('powerpress_audioplay'); if (empty($PlayerSettings)) { $PlayerSettings = array('bgcolor' => '', 'buttondir' => 'negative', 'mode' => 'playpause'); } ?> <input type="hidden" name="action" value="powerpress-audioplay" /> <?php echo __('Configure the AudioPlay Player', 'powerpress'); ?> <br clear="all" /> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Preview of Player', 'powerpress'); ?> </th> <td colspan="2"> <div id="player_preview"> <?php echo powerpressplayer_build_audioplay($Audio['audioplay']); ?> </div> </td> </tr> </table> <h2><?php echo __('General Settings', 'powerpress'); ?> </h2> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Background Color', 'powerpress'); ?> </th> <td valign="top"> <div class="color_control"> <input type="text" style="width: 100px;" id="bgcolor" name="Player[bgcolor]" class="color_field" value="<?php echo $PlayerSettings['bgcolor']; ?> " maxlength="20" /> <img id="bgcolor_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['bgcolor']; ?> ;" class="color_preview" /> </div> <small><?php echo __('leave blank for transparent', 'powerpress'); ?> </small> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Player Mode', 'powerpress'); ?> </th> <td valign="top"> <div class="color_control"> <select name="Player[mode]" id="mode"> <?php $options = array('playpause' => __('Play/Pause', 'powerpress'), 'playstop' => __('Play/Stop', 'powerpress')); powerpress_print_options($options, $PlayerSettings['mode']); ?> </select> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Player Button', 'powerpress'); ?> </th> <td valign="top"> <div class="color_control"> <table cellpadding="0" cellspacing="0"> <?php $options = array('classic', 'classic_small', 'negative', 'negative_small'); foreach ($options as $option) { if ($PlayerSettings['buttondir'] == $option) { $selected = " CHECKED"; } else { $selected = ""; } if ($option == "classic" || $option == "classic_small") { $td = '<td style="background: #999;" align="center">'; $warning = "(ideal for dark backgrounds)"; if ($option == "classic_small") { $name = __('Small White', 'powerpress'); } else { $name = __('Large White', 'powerpress'); } } else { $td = '<td align="center">'; $warning = ""; if ($option == "negative_small") { $name = __('Small Black', 'powerpress'); } else { $name = __('Large Black', 'powerpress'); } } echo '<tr><td><input type="radio" name="Player[buttondir]" value="' . $option . '"' . $selected . ' /></td>' . $td . '<img src="' . powerpress_get_root_url() . 'buttons/' . $option . '/playup.png" /></td><td>' . $name . ' Button ' . $warning . '</td></tr>'; } ?> </table> </div> </td> </tr> </table> <?php break; case 'html5audio': $SupportUploads = powerpressadmin_support_uploads(); ?> <p><?php echo __('Configure HTML5 Audio Player', 'powerpress'); ?> </p> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Preview of Player', 'powerpress'); ?> </th> <td> <p> <?php echo powerpressplayer_build_html5audio($Audio['default']); ?> </p> </td> </tr> <tr> <th scope="row"> <?php echo __('Play Icon', 'powerpress'); ?> </th> <td> <input type="text" id="audio_custom_play_button" name="General[audio_custom_play_button]" style="width: 60%;" value="<?php echo $General['audio_custom_play_button']; ?> " maxlength="250" /> <a href="#" onclick="javascript: window.open( document.getElementById('audio_custom_play_button').value ); return false;"><?php echo __('preview', 'powerpress'); ?> </a> <p><?php echo __('Place the URL to the play icon above.', 'powerpress'); ?> <?php echo __('Example', 'powerpress'); ?> : http://example.com/images/audio_play_icon.jpg<br /><br /> <?php echo __('Leave blank to use default play icon image.', 'powerpress'); ?> </p> <?php if ($SupportUploads) { ?> <p><input name="audio_custom_play_button_checkbox" type="checkbox" onchange="powerpress_show_field('audio_custom_play_button_upload', this.checked)" value="1" /> <?php echo __('Upload new image', 'powerpress'); ?> </p> <div style="display:none" id="audio_custom_play_button_upload"> <label for="audio_custom_play_button_file"><?php echo __('Choose file', 'powerpress'); ?> :</label><input type="file" name="audio_custom_play_button_file" /> </div> <?php } ?> </td> </tr> </table> <?php break; case 'mediaelement-audio': $SupportUploads = powerpressadmin_support_uploads(); // TODO! ?> <p><?php echo __('Configure MediaElement.js Audio Player', 'powerpress'); ?> </p> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Preview of Player', 'powerpress'); ?> </th> <td><p> <?php // TODO echo powerpressplayer_build_mediaelementaudio($Audio['mediaelement-audio']); ?> </p> </td> </tr> <tr valign="top"> <th scope="row"> </th> <td> <p><?php echo __('MediaElement.js Player has no additional settings at this time.', 'powerpress'); ?> </p> </td> </tr> </table> <?php break; default: if (empty($General['player_width_audio'])) { $General['player_width_audio'] = ''; } ?> <p><?php echo __('Configure Flow Player Classic', 'powerpress'); ?> </p> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Preview of Player', 'powerpress'); ?> </th> <td> <p> <?php echo powerpressplayer_build_flowplayerclassic($Audio['default']); ?> </p> </td> </tr> </table> <h2><?php echo __('General Settings', 'powerpress'); ?> </h2> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Width', 'powerpress'); ?> </th> <td valign="top"> <input type="text" style="width: 50px;" id="player_width" name="General[player_width_audio]" class="player-width" value="<?php echo $General['player_width_audio']; ?> " maxlength="4" /> <?php echo __('Width of Audio mp3 player (leave blank for 320 default)', 'powerpress'); ?> </td> </tr> </table> <?php break; } } else { switch ($General['video_player']) { case 'flow-player-classic': ?> <p><?php echo __('Configure Flow Player Classic', 'powerpress'); ?> </p> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Preview of Player', 'powerpress'); ?> </th> <td> <p> <?php echo powerpressplayer_build_flowplayerclassic($Video['flow-player-classic']); ?> </p> </td> </tr> </table> <?php break; case 'html5video': ?> <p><?php echo __('Configure HTML5 Video Player', 'powerpress'); ?> </p> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Preview of Player', 'powerpress'); ?> </th> <td> <p> <?php echo powerpressplayer_build_html5video($Video['html5video']); ?> </p> </td> </tr> </table> <?php break; case 'videojs-html5-video-player-for-wordpress': ?> <p><?php echo __('Configure VideoJS', 'powerpress'); ?> </p> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Preview of Player', 'powerpress'); ?> </th> <td> <p> <?php echo powerpressplayer_build_videojs($Video['videojs-html5-video-player-for-wordpress']); ?> </p> </td> </tr> </table> <h3><?php echo __('VideoJS Settings', 'powerpress'); ?> </h3> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('VideoJS CSS Class', 'powerpress'); ?> </th> <td> <p> <input type="text" name="General[videojs_css_class]" style="width: 150px;" value="<?php echo empty($General['videojs_css_class']) ? '' : htmlspecialchars($General['videojs_css_class']); ?> " /> <?php echo __('Apply specific CSS styling to your Video JS player.', 'powerpress'); ?> </p> </td> </tr> </table> <?php break; case 'mediaelement-video': ?> <p><?php echo __('Configure MediaElement.js Video Player', 'powerpress'); ?> </p> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Preview of Player', 'powerpress'); ?> </th> <td> <p> <?php echo powerpressplayer_build_mediaelementvideo($Video['mediaelement-video']); ?> </p> </td> </tr> </table> <?php break; } if (!isset($General['poster_play_image'])) { $General['poster_play_image'] = 1; } if (!isset($General['poster_image_audio'])) { $General['poster_image_audio'] = 0; } if (!isset($General['player_width'])) { $General['player_width'] = ''; } if (!isset($General['player_height'])) { $General['player_height'] = ''; } if (!isset($General['poster_image'])) { $General['poster_image'] = ''; } if (!isset($General['video_custom_play_button'])) { $General['video_custom_play_button'] = ''; } ?> <!-- Global Video Player settings (Appy to all video players --> <input type="hidden" name="action" value="powerpress-save-videocommon" /> <h3><?php echo __('Common Settings', 'powerpress'); ?> </h3> <p><?php echo __('The following video settings apply to the video player above as well as to classic video <embed> formats such as Microsoft Windows Media (.wmv), QuickTime (.mov) and RealPlayer.', 'powerpress'); ?> </p> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Player Width', 'powerpress'); ?> </th> <td> <input type="text" name="General[player_width]" style="width: 50px;" onkeyup="javascript:this.value=this.value.replace(/[^0-9%]/g, '');" value="<?php echo $General['player_width']; ?> " maxlength="4" /> <?php echo __('Width of player (leave blank for 400 default)', 'powerpress'); ?> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Player Height', 'powerpress'); ?> </th> <td> <input type="text" name="General[player_height]" style="width: 50px;" onkeyup="javascript:this.value=this.value.replace(/[^0-9%]/g, '');" value="<?php echo $General['player_height']; ?> " maxlength="4" /> <?php echo __('Height of player (leave blank for 225 default)', 'powerpress'); ?> </td> </tr> <?php $SupportUploads = powerpressadmin_support_uploads(); // Play icon, only applicable to HTML5/FlowPlayerClassic if (in_array($General['video_player'], array('flow-player-classic', 'html5video'))) { ?> <tr valign="top"> <th scope="row"> <?php echo __('QuickTime Scale', 'powerpress'); ?> </th> <td> <select name="General[player_scale]" class="bpp_input_sm" onchange="javascript:jQuery('#player_scale_custom').css('display', (this.value=='tofit'||this.value=='aspect'? 'none':'inline' ))"> <?php $scale_options = array('tofit' => __('ToFit (default)', 'powerpress'), 'aspect' => __('Aspect', 'powerpress')); if (!isset($General['player_scale'])) { $General['player_scale'] = 'tofit'; } // Tofit works in almost all cases if (is_numeric($General['player_scale'])) { $scale_options[$General['player_scale']] = __('Custom', 'powerpress'); } else { $scale_options['custom'] = __('Custom', 'powerpress'); } while (list($value, $desc) = each($scale_options)) { echo "\t<option value=\"{$value}\"" . ($General['player_scale'] == $value ? ' selected' : '') . ">{$desc}</option>\n"; } ?> </select> <span id="player_scale_custom" style="display: <?php echo is_numeric($General['player_scale']) ? 'inline' : 'none'; ?> "> <?php echo __('Scale:', 'powerpress'); ?> <input type="text" name="PlayerScaleCustom" style="width: 50px;" onkeyup="javascript:this.value=this.value.replace(/[^0-9.]/g, '');" value="<?php echo is_numeric($General['player_scale']) ? $General['player_scale'] : ''; ?> " maxlength="4" /> <?php echo __('e.g.', 'powerpress'); ?> 1.5 </span> <p style="margin-top: 5px; margin-bottom: 0;"> <?php echo __('If you do not see video, adjust the width, height and scale settings above.', 'powerpress'); ?> </p> </td> </tr> <?php } ?> <tr> <th scope="row"> <?php echo __('Default Poster Image', 'powerpress'); ?> </th> <td> <input type="text" id="poster_image" name="General[poster_image]" style="width: 60%;" value="<?php echo $General['poster_image']; ?> " maxlength="250" /> <a href="#" onclick="javascript: window.open( document.getElementById('poster_image').value ); return false;"><?php echo __('preview', 'powerpress'); ?> </a> <p><?php echo __('Place the URL to the poster image above.', 'powerpress'); ?> <?php echo __('Example', 'powerpress'); ?> : http://example.com/images/poster.jpg<br /><br /> <?php echo __('Image should be at minimum the same width/height as the player above. Leave blank to use default black background image.', 'powerpress'); ?> </p> <?php if ($SupportUploads) { ?> <p><input name="poster_image_checkbox" type="checkbox" onchange="powerpress_show_field('poster_image_upload', this.checked)" value="1" /> <?php echo __('Upload new image', 'powerpress'); ?> </p> <div style="display:none" id="poster_image_upload"> <label for="poster_image_file"><?php echo __('Choose file', 'powerpress'); ?> :</label><input type="file" name="poster_image_file" /> </div> <?php } if (in_array($General['video_player'], array('flow-player-classic', 'html5video'))) { ?> <p><input name="General[poster_play_image]" type="checkbox" value="1" <?php echo $General['poster_play_image'] ? 'checked' : ''; ?> /> <?php echo __('Include play icon over poster image when applicable', 'powerpress'); ?> </p> <p><input name="General[poster_image_audio]" type="checkbox" value="1" <?php echo $General['poster_image_audio'] ? 'checked' : ''; ?> /> <?php echo __('Use poster image, player width and height above for audio (Flow Player only)', 'powerpress'); ?> </p> <?php } ?> </td> </tr> <?php // Play icon, only applicable to HTML5/FlowPlayerClassic if (in_array($General['video_player'], array('flow-player-classic', 'html5video'))) { ?> <tr> <th scope="row"> <?php echo __('Play Icon', 'powerpress'); ?> </th> <td> <input type="text" id="video_custom_play_button" name="General[video_custom_play_button]" style="width: 60%;" value="<?php echo $General['video_custom_play_button']; ?> " maxlength="250" /> <a href="#" onclick="javascript: window.open( document.getElementById('video_custom_play_button').value ); return false;"><?php echo __('preview', 'powerpress'); ?> </a> <p><?php echo __('Place the URL to the play icon above.', 'powerpress'); ?> <?php echo __('Example', 'powerpress'); ?> : http://example.com/images/video_play_icon.jpg<br /><br /> <?php echo __('Image should 60 pixels by 60 pixels. Leave blank to use default play icon image.', 'powerpress'); ?> </p> <?php if ($SupportUploads) { ?> <p><input name="video_custom_play_button_checkbox" type="checkbox" onchange="powerpress_show_field('video_custom_play_button_upload', this.checked)" value="1" /> <?php echo __('Upload new image', 'powerpress'); ?> </p> <div style="display:none" id="video_custom_play_button_upload"> <label for="video_custom_play_button_file"><?php echo __('Choose file', 'powerpress'); ?> :</label><input type="file" name="video_custom_play_button_file" /> </div> <?php } ?> </td> </tr> <?php } ?> </table> <?php } ?> <?php } }
function powerpress_admin_players($type = 'audio') { $General = powerpress_get_settings('powerpress_general'); $select_player = false; if (isset($_GET['sp'])) { $select_player = true; } else { if ($type == 'video') { if (empty($General['video_player'])) { $select_player = true; } else { switch ($General['video_player']) { case 'mediaelement-video': case 'videojs-html5-video-player-for-wordpress': case 'html5video': break; default: $select_player = true; } } } else { if (empty($General['player'])) { $select_player = true; } else { switch ($General['player']) { case 'mediaelement-audio': case 'html5audio': case 'audio-player': break; default: $select_player = true; } } } } if (empty($General['player'])) { $General['player'] = 'mediaelement-audio'; } if (empty($General['player'])) { $General['video_player'] = 'mediaelement-video'; } if (empty($General['audio_custom_play_button'])) { $General['audio_custom_play_button'] = ''; } $Audio = array(); $Audio['audio-player'] = 'http://media.blubrry.com/blubrry/content.blubrry.com/blubrry/1_Pixel_Out_Flash_Player.mp3'; $Audio['html5audio'] = 'http://media.blubrry.com/blubrry/content.blubrry.com/blubrry/html5.mp3'; $Audio['mediaelement-audio'] = 'http://media.blubrry.com/blubrry/content.blubrry.com/blubrry/MediaElement_audio.mp3'; $Video = array(); $Video['html5video'] = 'http://media.blubrry.com/blubrry/content.blubrry.com/blubrry/html5.mp4'; $Video['videojs-html5-video-player-for-wordpress'] = 'http://media.blubrry.com/blubrry/content.blubrry.com/blubrry/videojs.mp4'; $Video['mediaelement-video'] = 'http://media.blubrry.com/blubrry/content.blubrry.com/blubrry/MediaElement_video.mp4'; wp_enqueue_style('wp-color-picker'); if ($type == 'video' && function_exists('add_videojs_header')) { add_videojs_header(); } ?> <link rel="stylesheet" href="<?php echo powerpress_get_root_url(); ?> 3rdparty/colorpicker/css/colorpicker.css" type="text/css" /> <script type="text/javascript" src="<?php echo powerpress_get_root_url(); ?> 3rdparty/colorpicker/js/colorpicker.js"></script> <script type="text/javascript" src="<?php echo powerpress_get_root_url(); ?> player.min.js"></script> <script type="text/javascript"><!-- function rgb2hex(rgb) { rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); function hex(x) { hexDigits = new Array("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"); return isNaN(x) ? "00" : hexDigits[(x - x % 16) / 16] + hexDigits[x % 16]; } if( rgb ) return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]); return ''; } function UpdatePlayerPreview(name, value) { if( typeof(generator) != "undefined" ) // Update the Maxi player... { generator.updateParam(name, value); generator.updatePlayer(); } if( typeof(update_audio_player) != "undefined" ) // Update the 1 px out player... update_audio_player(); } jQuery(document).ready(function($) { jQuery('.color_preview').ColorPicker({ onSubmit: function(hsb, hex, rgb, el) { jQuery(el).css({ 'background-color' : '#' + hex }); jQuery(el).ColorPickerHide(); var Id = jQuery(el).attr('id'); Id = Id.replace(/_prev/, ''); jQuery('#'+ Id ).val( '#' + hex ); UpdatePlayerPreview(Id, '#'+hex ); }, onBeforeShow: function () { jQuery(this).ColorPickerSetColor( rgb2hex( jQuery(this).css("background-color") ) ); } }) .bind('keyup', function(){ jQuery(this).ColorPickerSetColor( rgb2hex( jQuery(this).css("background-color") ) ); }); jQuery('.color_field').bind('change', function () { var Id = jQuery(this).attr('id'); jQuery('#'+ Id + '_prev' ).css( { 'background-color' : jQuery(this).val() } ); if( typeof(update_audio_player) != "undefined" ) // Update the 1 px out player... update_audio_player(); }); jQuery('.other_field').bind('change', function () { if( typeof(update_audio_player) != "undefined" ) // Update the 1 px out player... update_audio_player(); }); }); //--> </script> <!-- special page styling goes here --> <style type="text/css"> div.color_control { display: block; float:left; width: 100%; padding: 0; } div.color_control input { display: inline; float: left; } div.color_control div.color_picker { display: inline; float: left; margin-top: 3px; } #player_preview { margin-bottom: 0px; height: 50px; margin-top: 8px;} input#colorpicker-value-input { width: 60px; height: 16px; padding: 0; margin: 0; font-size: 12px; border-spacing: 0; border-width: 0; } table.html5formats { width: 600px; margin: 0; padding: 0; } table.html5formats tr { margin: 0; padding: 0; } table.html5formats tr th { font-weight: bold; border-bottom: 1px solid #000000; margin: 0; padding: 0 5px; width: 25%; } table.html5formats tr td { border-right: 1px solid #000000; border-bottom: 1px solid #000000; margin: 0; padding: 0 10px; } table.html5formats tr > td:first-child { border-left: 1px solid #000000; } </style> <?php // mainly 2 pages, first page selects a player, second configures the player, if there are optiosn to configure for that player. If the user is on the second page, // a link should be provided to select a different player. if ($select_player) { ?> <input type="hidden" name="action" value="powerpress-select-player" /> <h2><?php echo __('Blubrry PowerPress Player Options', 'powerpress'); ?> </h2> <p style="margin-bottom: 0;"><?php echo __('Select the media player you would like to use.', 'powerpress'); ?> </p> <?php if ($type == 'video') { if (empty($General['video_player'])) { $General['video_player'] = ''; } ?> <table class="form-table"> <tr valign="top"> <th scope="row"> </th> <td> <ul> <li><label><input type="radio" name="VideoPlayer[video_player]" id="player_mediaelement_video" value="mediaelement-video" <?php if ($General['video_player'] == 'mediaelement-video') { echo 'checked'; } ?> /> <?php echo __('MediaElement.js Media Player (default)', 'powerpress'); ?> </label> <strong style="padding-top: 8px; margin-left: 20px;"><a href="#" id="activate_mediaelement_video" class="activate-player"><?php echo __('Activate and Configure Now', 'powerpress'); ?> </a></strong> </li> <li style="margin-left: 30px; margin-bottom:16px;"> <div style="max-width: 70%;"> <div class="powerpressadmin-mejs-video"> <?php echo powerpressplayer_build_mediaelementvideo($Video['mediaelement-video']); ?> </div> </div> <?php powerpressplayer_mediaelement_info(); ?> </li> <li><label><input type="radio" name="VideoPlayer[video_player]" id="player_html5video" value="html5video" <?php if ($General['video_player'] == 'html5video') { echo 'checked'; } ?> /> <?php echo __('HTML5 Video Player', 'powerpress'); ?> </label> <strong style="padding-top: 8px; margin-left: 20px;"><a href="#" id="activate_html5video" class="activate-player"><?php echo __('Activate and Configure Now', 'powerpress'); ?> </a></strong> </li> <li style="margin-left: 30px; margin-bottom:16px;"> <p> <?php echo powerpressplayer_build_html5video($Video['html5video']); ?> </p> <p> <?php echo __('HTML5 Video is an element introduced in the latest HTML specification (HTML5) for the purpose of playing videos.', 'powerpress'); ?> </p> </li> <!-- videojs-html5-video-player-for-wordpress --> <li><label><input type="radio" name="VideoPlayer[video_player]" id="player_videojs_html5_video_player_for_wordpress" value="videojs-html5-video-player-for-wordpress" <?php if ($General['video_player'] == 'videojs-html5-video-player-for-wordpress') { echo 'checked'; } ?> <?php echo function_exists('add_videojs_header') ? '' : 'disabled'; ?> /> <?php echo __('VideoJS', 'powerpress'); ?> </label> <?php if (function_exists('add_videojs_header')) { ?> <strong style="padding-top: 8px; margin-left: 20px;"><a href="#" id="activate_videojs_html5_video_player_for_wordpress" class="activate-player"><?php echo __('Activate and Configure Now', 'powerpress'); ?> </a></strong> <?php } ?> </li> <li style="margin-left: 30px; margin-bottom:16px;"> <p> <?php if (function_exists('add_videojs_header')) { echo powerpressplayer_build_videojs($Video['videojs-html5-video-player-for-wordpress']); } ?> </p> <?php powerpressplayer_videojs_info(); ?> </li> </ul> </td> </tr> </table> <?php } else { ?> <table class="form-table"> <tr valign="top"> <th scope="row"> </th> <td> <ul> <li><label><input type="radio" name="Player[player]" id="player_mediaelement_audio" value="mediaelement-audio" <?php if ($General['player'] == 'mediaelement-audio') { echo 'checked'; } ?> /> <?php echo __('MediaElement.js Media Player (default)', 'powerpress'); ?> </label> <strong style="padding-top: 8px; margin-left: 20px;"><a href="#" id="activate_mediaelement_audio" class="activate-player"><?php echo __('Activate and Configure Now', 'powerpress'); ?> </a></strong> </li> <li style="margin-left: 30px; margin-bottom:16px;"> <p> <?php echo powerpressplayer_build_mediaelementaudio($Audio['mediaelement-audio']); ?> </p> <?php powerpressplayer_mediaelement_info(); ?> <div style="margin: 30px 0;"> <?php powerpresspartner_clammr_info(false); ?> </div> </li> <li><label><input type="radio" name="Player[player]" id="player_html5audio" value="html5audio" <?php if ($General['player'] == 'html5audio') { echo 'checked'; } ?> /> <?php echo __('HTML5 Audio Player', 'powerpress'); ?> </label> <strong style="padding-top: 8px; margin-left: 20px;"><a href="#" id="activate_html5audio" class="activate-player"><?php echo __('Activate and Configure Now', 'powerpress'); ?> </a></strong> </li> <li style="margin-left: 30px; margin-bottom:16px;"> <p> <?php echo powerpressplayer_build_html5audio($Audio['html5audio']); ?> </p> <p> <?php echo __('HTML5 audio is an element introduced in the latest HTML specification (HTML5) for the purpose of playing audio.', 'powerpress'); ?> </p> </li> <li><label><input type="radio" name="Player[player]" id="player_audio_player" value="audio-player" <?php if ($General['player'] == 'audio-player') { echo 'checked'; } ?> /> <?php echo __('1 Pixel Out Audio Player', 'powerpress'); ?> </label> <strong style="padding-top: 8px; margin-left: 20px;"><a href="#" id="activate_audio_player" class="activate-player"><?php echo __('Activate and Configure Now', 'powerpress'); ?> </a></strong> </li> <li> <div class="updated fade powerpress-notice inline"> <?php echo __('NOTICE: Flash based players are no longer recommended. We highly recommend picking an HTM5 based player.', 'powerpress'); ?> </div> </li> <li style="margin-left: 30px; margin-bottom:16px;"> <p> <?php echo powerpressplayer_build_1pxoutplayer($Audio['audio-player']); ?> </p> <p> <?php echo __('1 Pixel Out Audio Player is a popular customizable audio (mp3 only) flash player. Features include an animated play/pause button, scroll-able position bar, elapsed/remaining time, volume control and color styling options.', 'powerpress'); ?> </p> </li> </ul> </td> </tr> </table> <?php } ?> <h4 style="margin-bottom: 0;"><?php echo __('Click \'Save Changes\' to activate and configure selected player.', 'powerpress'); ?> </h4> <?php } else { ?> <h2><?php echo __('Configure Player', 'powerpress'); ?> </h2> <?php if ($type == 'audio') { ?> <p style="margin-bottom: 20px;"><strong>← <a href="<?php echo admin_url("admin.php?page=powerpress/powerpressadmin_player.php&sp=1"); ?> "><?php echo __('Select a different audio player', 'powerpress'); ?> </a></strong></p> <?php } else { if ($type == 'video') { ?> <p style="margin-bottom: 20px;"><strong>← <a href="<?php echo admin_url("admin.php?page=powerpress/powerpressadmin_videoplayer.php&sp=1"); ?> "><?php echo __('Select a different video player', 'powerpress'); ?> </a></strong></p> <?php } else { ?> <p style="margin-bottom: 20px;"><strong>← <a href="<?php echo admin_url("admin.php?page=powerpress/powerpressadmin_mobileplayer.php&sp=1"); ?> "><?php echo __('Select a different mobile player', 'powerpress'); ?> </a></strong></p> <?php } } // Start adding logic here to display options based on the player selected... if ($type == 'audio') { if (empty($General['player'])) { $General['player'] = ''; } switch ($General['player']) { case 'audio-player': $PlayerSettings = powerpress_get_settings('powerpress_audio-player'); if ($PlayerSettings == "") { $PlayerSettings = array('width' => '290', 'transparentpagebg' => 'yes', 'lefticon' => '#333333', 'leftbg' => '#CCCCCC', 'bg' => '#E5E5E5', 'voltrack' => '#F2F2F2', 'volslider' => '#666666', 'rightbg' => '#B4B4B4', 'rightbghover' => '#999999', 'righticon' => '#333333', 'righticonhover' => '#FFFFFF', 'loader' => '#009900', 'track' => '#FFFFFF', 'tracker' => '#DDDDDD', 'border' => '#CCCCCC', 'skip' => '#666666', 'text' => '#333333', 'pagebg' => '', 'rtl' => 'no', 'initialvolume' => '60', 'animation' => 'yes', 'remaining' => 'no'); } if (empty($PlayerSettings['remaining'])) { $PlayerSettings['remaining'] = 'no'; } // New default setting if (!isset($PlayerSettings['buffer'])) { $PlayerSettings['buffer'] = ''; } // New default setting if (!isset($PlayerSettings['titles'])) { $PlayerSettings['titles'] = ''; } ?> <script type="text/javascript"><!-- function update_audio_player() { var myParams = new Array("lefticon","leftbg", "bg", "voltrack", "rightbg", "rightbghover", "righticon", "righticonhover", "loader", "track", "tracker", "border", "skip", "text", "pagebg", "rtl", "animation", "titles", "initialvolume"); var myWidth = document.getElementById('player_width').value; var myBackground = ''; if( myWidth < 10 || myWidth > 900 ) myWidth = 290; var out = '<object type="application/x-shockwave-flash" data="<?php echo powerpress_get_root_url(); ?> audio-player.swf" width="'+myWidth+'" height="24">'+"\n"; out += ' <param name="movie" value="<?php echo powerpress_get_root_url(); ?> audio-player.swf" />'+"\n"; out += ' <param name="FlashVars" value="playerID=1&soundFile=<?php echo $Audio['audio-player']; ?> '; var x = 0; for( x = 0; x < myParams.length; x++ ) { if( myParams[ x ] == 'border' ) var Element = document.getElementById( 'player_border' ); else var Element = document.getElementById( myParams[ x ] ); if( Element ) { if( Element.value != '' ) { out += '&'; out += myParams[ x ]; out += '='; out += Element.value.replace(/^#/, ''); if( myParams[ x ] == 'pagebg' ) { myBackground = '<param name="bgcolor" value="'+ Element.value +'" />'; out += '&transparentpagebg=no'; } } else { if( myParams[ x ] == 'pagebg' ) { out += '&transparentpagebg=yes'; myBackground = '<param name="wmode" value="transparent" />'; } } } } out += '" />'+"\n"; out += '<param name="quality" value="high" />'; out += '<param name="menu" value="false" />'; out += myBackground; out += '</object>'; var player = document.getElementById("player_preview"); player.innerHTML = out; } function audio_player_defaults() { if( confirm('<?php echo __("Set defaults, are you sure?\\n\\nAll of the current settings will be overwritten!", 'powerpress'); ?> ') ) { jQuery('#player_width').val('290'); UpdatePlayerPreview('player_width',jQuery('#player_width').val() ); jQuery('#transparentpagebg').val( 'yes'); UpdatePlayerPreview('transparentpagebg',jQuery('#transparentpagebg').val() ); jQuery('#lefticon').val( '#333333'); UpdatePlayerPreview('lefticon',jQuery('#lefticon').val() ); jQuery('#lefticon_prev' ).css( { 'background-color' : '#333333' } ); jQuery('#leftbg').val( '#CCCCCC'); UpdatePlayerPreview('leftbg',jQuery('#leftbg').val() ); jQuery('#leftbg_prev' ).css( { 'background-color' : '#CCCCCC' } ); jQuery('#bg').val( '#E5E5E5'); UpdatePlayerPreview('bg',jQuery('#bg').val() ); jQuery('#bg_prev' ).css( { 'background-color' : '#E5E5E5' } ); jQuery('#voltrack').val( '#F2F2F2'); UpdatePlayerPreview('voltrack',jQuery('#voltrack').val() ); jQuery('#voltrack_prev' ).css( { 'background-color' : '#F2F2F2' } ); jQuery('#volslider').val( '#666666'); UpdatePlayerPreview('volslider',jQuery('#volslider').val() ); jQuery('#volslider_prev' ).css( { 'background-color' : '#666666' } ); jQuery('#rightbg').val( '#B4B4B4'); UpdatePlayerPreview('rightbg',jQuery('#rightbg').val() ); jQuery('#rightbg_prev' ).css( { 'background-color' : '#B4B4B4' } ); jQuery('#rightbghover').val( '#999999'); UpdatePlayerPreview('rightbghover',jQuery('#rightbghover').val() ); jQuery('#rightbghover_prev' ).css( { 'background-color' : '#999999' } ); jQuery('#righticon').val( '#333333'); UpdatePlayerPreview('righticon',jQuery('#righticon').val() ); jQuery('#righticon_prev' ).css( { 'background-color' : '#333333' } ); jQuery('#righticonhover').val( '#FFFFFF'); UpdatePlayerPreview('righticonhover',jQuery('#righticonhover').val() ); jQuery('#righticonhover_prev' ).css( { 'background-color' : '#FFFFFF' } ); jQuery('#loader').val( '#009900'); UpdatePlayerPreview('loader',jQuery('#loader').val() ); jQuery('#loader_prev' ).css( { 'background-color' : '#009900' } ); jQuery('#track').val( '#FFFFFF'); UpdatePlayerPreview('track',jQuery('#track').val() ); jQuery('#track_prev' ).css( { 'background-color' : '#FFFFFF' } ); jQuery('#tracker').val( '#DDDDDD'); UpdatePlayerPreview('tracker',jQuery('#tracker').val() ); jQuery('#tracker_prev' ).css( { 'background-color' : '#DDDDDD' } ); jQuery('#player_border').val( '#CCCCCC'); UpdatePlayerPreview('player_border',jQuery('#player_border').val() ); jQuery('#player_border_prev' ).css( { 'background-color' : '#CCCCCC' } ); jQuery('#skip').val( '#666666'); UpdatePlayerPreview('skip',jQuery('#skip').val() ); jQuery('#skip_prev' ).css( { 'background-color' : '#666666' } ); jQuery('#text').val( '#333333'); UpdatePlayerPreview('text',jQuery('#text').val() ); jQuery('#text_prev' ).css( { 'background-color' : '#333333' } ); jQuery('#pagebg').val( ''); UpdatePlayerPreview('pagebg',jQuery('#pagebg').val() ); jQuery('#animation').val( 'yes'); UpdatePlayerPreview('animation',jQuery('#animation').val() ); jQuery('#remaining').val( 'no'); UpdatePlayerPreview('remaining',jQuery('#remaining').val() ); jQuery('#buffer').val( ''); UpdatePlayerPreview('buffer',jQuery('#buffer').val() ); jQuery('#rtl' ).val( 'no' ); UpdatePlayerPreview('rtl',jQuery('#rtl').val() ); jQuery('#initialvolume').val('60'); UpdatePlayerPreview('initialvolume',jQuery('#initialvolume').val() ); update_audio_player(); } } //--> </script> <input type="hidden" name="action" value="powerpress-audio-player" /> <div class="updated fade powerpress-notice inline"> <?php echo __('NOTICE: Flash based players are no longer recommended. We highly recommend picking an HTM5 based player.', 'powerpress'); ?> </div> <?php echo __('Configure the 1 pixel out Audio Player', 'powerpress'); ?> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Preview of Player', 'powerpress'); ?> </th> <td><div id="player_preview"> <?php echo powerpressplayer_build_1pxoutplayer($Audio['audio-player'], array('nodiv' => true)); ?> </div> </td> </tr> </table> <div id="powerpress_settings_page" class="powerpress_tabbed_content" style="position: relative;"> <div style="position: absolute; top: 6px; right:0px;"> <a href="#" onclick="audio_player_defaults();return false;"><?php echo __('Set Defaults', 'powerpress'); ?> </a> </div> <ul class="powerpress_settings_tabs"> <li><a href="#tab_general"><span><?php echo __('Basic Settings', 'powerpress'); ?> </span></a></li> <li><a href="#tab_progress"><span><?php echo __('Progress Bar', 'powerpress'); ?> </span></a></li> <li><a href="#tab_volume"><span><?php echo __('Volume Button', 'powerpress'); ?> </span></a></li> <li><a href="#tab_play"><span><?php echo __('Play / Pause Button', 'powerpress'); ?> </span></a></li> </ul> <div id="tab_general" class="powerpress_tab"> <h3><?php echo __('General Settings', 'powerpress'); ?> </h3> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Page Background Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="pagebg" name="Player[pagebg]" class="color_field" value="<?php echo esc_attr($PlayerSettings['pagebg']); ?> " maxlength="20" /> <img id="pagebg_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['pagebg']; ?> ;" class="color_preview" /> </div> <small>(<?php echo __('leave blank for transparent', 'powerpress'); ?> )</small> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Player Background Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="bg" name="Player[bg]" class="color_field" value="<?php echo esc_attr($PlayerSettings['bg']); ?> " maxlength="20" /> <img id="bg_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['bg']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Width (in pixels)', 'powerpress'); ?> </th> <td> <input type="text" style="width: 50px;" id="player_width" name="Player[width]" class="other_field" value="<?php echo esc_attr($PlayerSettings['width']); ?> " maxlength="20" /> <?php echo __('width of the player. e.g. 290 (290 pixels) or 100%', 'powerpress'); ?> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Right-to-Left', 'powerpress'); ?> </th> <td> <select style="width: 102px;" id="rtl" name="Player[rtl]" class="other_field"> <?php $options = array('yes' => __('Yes', 'powerpress'), 'no' => __('No', 'powerpress')); powerpress_print_options($options, $PlayerSettings['rtl']); ?> </select> <?php echo __('switches the layout to animate from the right to the left', 'powerpress'); ?> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Loading Bar Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="loader" name="Player[loader]" class="color_field" value="<?php echo esc_attr($PlayerSettings['loader']); ?> " maxlength="20" /> <img id="loader_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['loader']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Text Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="text" name="Player[text]" class="color_field" value="<?php echo esc_attr($PlayerSettings['text']); ?> " maxlength="20" /> <img id="text_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['text']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Text In Player', 'powerpress'); ?> </th> <td> <div><input type="text" style="width: 60%;" id="titles" name="Player[titles]" class="other_field" value="<?php echo esc_attr($PlayerSettings['titles']); ?> " maxlength="100" /></div> <small><?php echo sprintf(__('Enter \'%s\' to display track name from mp3. Only works if media is hosted on same server as blog.', 'powerpress'), __('TRACK', 'powerpress')); ?> </small> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Play Animation', 'powerpress'); ?> </th> <td> <div class="color_control"> <select style="width: 102px;" id="animation" name="Player[animation]" class="other_field"> <?php $options = array('yes' => __('Yes', 'powerpress'), 'no' => __('No', 'powerpress')); powerpress_print_options($options, $PlayerSettings['animation']); ?> </select> <?php echo __('if no, player is always open', 'powerpress'); ?> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Display Remaining Time', 'powerpress'); ?> </th> <td> <div class="color_control"> <select style="width: 102px;" id="remaining" name="Player[remaining]" class="other_field"> <?php $options = array('yes' => __('Yes', 'powerpress'), 'no' => __('No', 'powerpress')); powerpress_print_options($options, $PlayerSettings['remaining']); ?> </select> <?php echo __('if yes, shows remaining track time rather than elapsed time (default: no)', 'powerpress'); ?> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Buffering Time', 'powerpress'); ?> </th> <td> <div class="color_control"> <select style="width: 200px;" id="buffer" name="Player[buffer]" class="other_field"> <?php $options = array('0' => __('No buffering', 'powerpress'), '' => __('Default (5 seconds)', 'powerpress'), '10' => __('10 seconds', 'powerpress'), '15' => __('15 seconds', 'powerpress'), '20' => __('20 seconds', 'powerpress'), '30' => __('30 seconds', 'powerpress'), '60' => __('60 seconds', 'powerpress')); powerpress_print_options($options, $PlayerSettings['buffer']); ?> </select> <?php echo __('buffering time in seconds', 'powerpress'); ?> </div> </td> </tr> </table> </div> <div id="tab_progress" class="powerpress_tab"> <h3><?php echo __('Progress Bar', 'powerpress'); ?> </h3> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Progress Bar Background', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="track" name="Player[track]" class="color_field" value="<?php echo esc_attr($PlayerSettings['track']); ?> " maxlength="20" /> <img id="track_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['track']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Progress Bar Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="tracker" name="Player[tracker]" class="color_field" value="<?php echo esc_attr($PlayerSettings['tracker']); ?> " maxlength="20" /> <img id="tracker_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['tracker']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Progress Bar Border', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="player_border" name="Player[border]" class="color_field" value="<?php echo esc_attr($PlayerSettings['border']); ?> " maxlength="20" /> <img id="player_border_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['border']; ?> ;" class="color_preview" /> </div> </td> </tr> </table> </div> <div id="tab_volume" class="powerpress_tab"> <h3><?php echo __('Volume Button Settings', 'powerpress'); ?> </h3> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Initial Volume', 'powerpress'); ?> </th> <td> <select style="width: 100px;" id="initialvolume" name="Player[initialvolume]" class="other_field"> <?php for ($x = 0; $x <= 100; $x += 5) { echo '<option value="' . $x . '"' . ($PlayerSettings['initialvolume'] == $x ? ' selected' : '') . '>' . $x . '%</option>'; } ?> </select> <?php echo __('initial volume level (default: 60)', 'powerpress'); ?> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Volumn Background Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="leftbg" name="Player[leftbg]" class="color_field" value="<?php echo esc_attr($PlayerSettings['leftbg']); ?> " maxlength="20" /> <img id="leftbg_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['leftbg']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Speaker Icon Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="lefticon" name="Player[lefticon]" class="color_field" value="<?php echo esc_attr($PlayerSettings['lefticon']); ?> " maxlength="20" /> <img id="lefticon_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['lefticon']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Volume Icon Background', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="voltrack" name="Player[voltrack]" class="color_field" value="<?php echo esc_attr($PlayerSettings['voltrack']); ?> " maxlength="20" /> <img id="voltrack_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['voltrack']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Volume Slider Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="volslider" name="Player[volslider]" class="color_field" value="<?php echo esc_attr($PlayerSettings['volslider']); ?> " maxlength="20" /> <img id="volslider_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['volslider']; ?> ;" class="color_preview" /> </div> </td> </tr> </table> </div> <div id="tab_play" class="powerpress_tab"> <h3><?php echo __('Play / Pause Button Settings', 'powerpress'); ?> </h3> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Play/Pause Background Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="rightbg" name="Player[rightbg]" class="color_field" value="<?php echo esc_attr($PlayerSettings['rightbg']); ?> " maxlength="20" /> <img id="rightbg_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['rightbg']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Play/Pause Hover Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="rightbghover" name="Player[rightbghover]" class="color_field" value="<?php echo esc_attr($PlayerSettings['rightbghover']); ?> " maxlength="20" /> <img id="rightbghover_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['rightbghover']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Play/Pause Icon Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="righticon" name="Player[righticon]" class="color_field" value="<?php echo esc_attr($PlayerSettings['righticon']); ?> " maxlength="20" /> <img id="righticon_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['righticon']; ?> ;" class="color_preview" /> </div> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Play/Pause Icon Hover Color', 'powerpress'); ?> </th> <td> <div class="color_control"> <input type="text" style="width: 100px;" id="righticonhover" name="Player[righticonhover]" class="color_field" value="<?php echo esc_attr($PlayerSettings['righticonhover']); ?> " maxlength="20" /> <img id="righticonhover_prev" src="<?php echo powerpress_get_root_url(); ?> images/color_preview.gif" width="14" height="14" style="background-color: <?php echo $PlayerSettings['righticonhover']; ?> ;" class="color_preview" /> </div> </td> </tr> </table> </div> <!-- end tab --> </div> <!-- end tab wrapper --> <?php break; case 'html5audio': $SupportUploads = powerpressadmin_support_uploads(); ?> <p><?php echo __('Configure HTML5 Audio Player', 'powerpress'); ?> </p> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Preview of Player', 'powerpress'); ?> </th> <td> <p> <?php echo powerpressplayer_build_html5audio($Audio['html5audio']); ?> </p> </td> </tr> <tr> <th scope="row"> <?php echo __('Play Icon', 'powerpress'); ?> </th> <td> <input type="text" id="audio_custom_play_button" name="General[audio_custom_play_button]" style="width: 60%;" value="<?php echo esc_attr($General['audio_custom_play_button']); ?> " maxlength="255" /> <a href="#" onclick="javascript: window.open( document.getElementById('audio_custom_play_button').value ); return false;"><?php echo __('preview', 'powerpress'); ?> </a> <p><?php echo __('Place the URL to the play icon above.', 'powerpress'); ?> <?php echo __('Example', 'powerpress'); ?> : http://example.com/images/audio_play_icon.jpg<br /><br /> <?php echo __('Leave blank to use default play icon image.', 'powerpress'); ?> </p> <?php if ($SupportUploads) { ?> <p><input name="audio_custom_play_button_checkbox" type="checkbox" onchange="powerpress_show_field('audio_custom_play_button_upload', this.checked)" value="1" /> <?php echo __('Upload new image', 'powerpress'); ?> </p> <div style="display:none" id="audio_custom_play_button_upload"> <label for="audio_custom_play_button_file"><?php echo __('Choose file', 'powerpress'); ?> :</label><input type="file" name="audio_custom_play_button_file" /> </div> <?php } ?> </td> </tr> </table> <?php break; case 'mediaelement-audio': $SupportUploads = powerpressadmin_support_uploads(); if (!isset($General['audio_player_max_width'])) { $General['audio_player_max_width'] = ''; } ?> <p><?php echo __('Configure MediaElement.js Audio Player', 'powerpress'); ?> </p> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Preview of Player', 'powerpress'); ?> </th> <td><p> <?php // TODO echo powerpressplayer_build_mediaelementaudio($Audio['mediaelement-audio']); ?> </p> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Max Width', 'powerpress'); ?> </th> <td valign="top"> <input type="text" style="width: 50px;" id="audio_player_max_width" name="General[audio_player_max_width]" class="player-width" value="<?php echo esc_attr($General['audio_player_max_width']); ?> " maxlength="4" /> <?php echo __('Width of Audio mp3 player (leave blank for max width)', 'powerpress'); ?> <?php powerpresspartner_clammr_info(); ?> </td> </tr> <tr valign="top"> <th scope="row"> </th> <td> <p><?php echo __('MediaElement.js Player has no additional settings at this time.', 'powerpress'); ?> </p> </td> </tr> </table> <?php break; // TODO: // TODO: default: if (empty($General['player_width_audio'])) { $General['player_width_audio'] = ''; } ?> <h2><?php echo __('General Settings', 'powerpress'); ?> </h2> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Width', 'powerpress'); ?> </th> <td valign="top"> <input type="text" style="width: 50px;" id="player_width" name="General[player_width_audio]" class="player-width" value="<?php echo esc_attr($General['player_width_audio']); ?> " maxlength="4" /> <?php echo __('Width of Audio mp3 player (leave blank for 320 default)', 'powerpress'); ?> </td> </tr> </table> <?php break; } } else { if ($type == 'video') { $player_to_configure = !empty($General['video_player']) ? $General['video_player'] : ''; switch ($player_to_configure) { case 'html5': case 'html5video': echo '<p>' . __('Configure HTML5 Video Player', 'powerpress') . '</p>'; ?> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Preview of Player', 'powerpress'); ?> </th> <td> <?php if ($type == 'mobile') { echo '<p>' . __('Audio:', 'powerpress') . ' '; echo powerpressplayer_build_html5audio($Audio['html5audio']); echo '</p>'; } ?> <p> <?php if ($type == 'mobile') { echo __('Video:', 'powerpress') . ' '; } echo powerpressplayer_build_html5video($Video['html5video']); ?> </p> </td> </tr> </table> <?php break; case 'videojs-html5-video-player-for-wordpress': ?> <p><?php echo __('Configure VideoJS', 'powerpress'); ?> </p> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Preview of Player', 'powerpress'); ?> </th> <td> <p> <?php echo powerpressplayer_build_videojs($Video['videojs-html5-video-player-for-wordpress']); ?> </p> </td> </tr> </table> <h3><?php echo __('VideoJS Settings', 'powerpress'); ?> </h3> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('VideoJS CSS Class', 'powerpress'); ?> </th> <td> <p> <input type="text" name="General[videojs_css_class]" style="width: 150px;" value="<?php echo empty($General['videojs_css_class']) ? '' : esc_attr($General['videojs_css_class']); ?> " /> <?php echo __('Apply specific CSS styling to your Video JS player.', 'powerpress'); ?> </p> </td> </tr> </table> <?php break; case 'mejs': // $player_to_configure // $player_to_configure case 'mediaelement-video': default: ?> <p><?php echo __('Configure MediaElement.js Player', 'powerpress'); ?> </p> <table class="form-table"> <tr valign="top"> <th scope="row"> <?php echo __('Preview of Player', 'powerpress'); ?> </th> <td> <p> <?php if ($type == 'mobile') { echo '<p>' . __('Audio:', 'powerpress') . ' '; echo powerpressplayer_build_mediaelementaudio($Audio['mediaelement-audio']); echo '</p>'; } ?> </p> <div style="max-width: 70%;"> <div class="powerpressadmin-mejs-video"> <?php if ($type == 'mobile') { echo __('Video:', 'powerpress') . ' '; } echo powerpressplayer_build_mediaelementvideo($Video['mediaelement-video']); ?> </div> </div> </td> </tr> </table> <?php break; } if (!isset($General['poster_play_image'])) { $General['poster_play_image'] = 1; } if (!isset($General['poster_image_audio'])) { $General['poster_image_audio'] = 0; } if (!isset($General['player_width'])) { $General['player_width'] = ''; } if (!isset($General['player_height'])) { $General['player_height'] = ''; } if (!isset($General['poster_image'])) { $General['poster_image'] = ''; } if (!isset($General['video_player_max_width'])) { $General['video_player_max_width'] = ''; } if (!isset($General['video_player_max_height'])) { $General['video_player_max_height'] = ''; } if (!isset($General['video_custom_play_button'])) { $General['video_custom_play_button'] = ''; } ?> <!-- Global Video Player settings (Appy to all video players --> <input type="hidden" name="action" value="powerpress-save-videocommon" /> <h3><?php echo __('Common Video Settings', 'powerpress'); ?> </h3> <p><?php echo __('The following video settings apply to the video player above as well as to classic video <embed> formats such as Microsoft Windows Media (.wmv), QuickTime (.mov) and RealPlayer.', 'powerpress'); ?> </p> <table class="form-table"> <?php if ($player_to_configure == 'mediaelement-video' || $player_to_configure == 'mejs') { ?> <tr valign="top"> <th scope="row"> <?php echo __('Player Width', 'powerpress'); ?> </th> <td> <input type="text" name="General[player_width]" style="width: 50px;" onkeyup="javascript:this.value=this.value.replace(/[^0-9%]/g, '');" value="<?php echo esc_attr($General['player_width']); ?> " maxlength="4" /> <?php echo __('Width of player (leave blank for default width)', 'powerpress'); ?> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Player Height', 'powerpress'); ?> </th> <td> <input type="text" name="General[player_height]" style="width: 50px;" onkeyup="javascript:this.value=this.value.replace(/[^0-9%]/g, '');" value="<?php echo esc_attr($General['player_height']); ?> " maxlength="4" /> <?php echo __('Height of player (leave blank for default height)', 'powerpress'); ?> </td> </tr> <?php } else { ?> <tr valign="top"> <th scope="row"> <?php echo __('Player Width', 'powerpress'); ?> </th> <td> <input type="text" name="General[player_width]" style="width: 50px;" onkeyup="javascript:this.value=this.value.replace(/[^0-9%]/g, '');" value="<?php echo esc_attr($General['player_width']); ?> " maxlength="4" /> <?php echo __('Width of player (leave blank for 400 default)', 'powerpress'); ?> </td> </tr> <tr valign="top"> <th scope="row"> <?php echo __('Player Height', 'powerpress'); ?> </th> <td> <input type="text" name="General[player_height]" style="width: 50px;" onkeyup="javascript:this.value=this.value.replace(/[^0-9%]/g, '');" value="<?php echo esc_attr($General['player_height']); ?> " maxlength="4" /> <?php echo __('Height of player (leave blank for 225 default)', 'powerpress'); ?> </td> </tr> <?php } $SupportUploads = powerpressadmin_support_uploads(); ?> <tr> <th scope="row"> <?php echo __('Default Poster Image', 'powerpress'); ?> </th> <td> <input type="text" id="poster_image" name="General[poster_image]" style="width: 60%;" value="<?php echo esc_attr($General['poster_image']); ?> " maxlength="255" /> <a href="#" onclick="javascript: window.open( document.getElementById('poster_image').value ); return false;"><?php echo __('preview', 'powerpress'); ?> </a> <p><?php echo __('Place the URL to the poster image above.', 'powerpress'); ?> <?php echo __('Example', 'powerpress'); ?> : http://example.com/images/poster.jpg<br /><br /> <?php echo __('Image should be at minimum the same width/height as the player above. Leave blank to use default black background image.', 'powerpress'); ?> </p> <?php if ($SupportUploads) { ?> <p><input name="poster_image_checkbox" type="checkbox" onchange="powerpress_show_field('poster_image_upload', this.checked)" value="1" /> <?php echo __('Upload new image', 'powerpress'); ?> </p> <div style="display:none" id="poster_image_upload"> <label for="poster_image_file"><?php echo __('Choose file', 'powerpress'); ?> :</label><input type="file" name="poster_image_file" /> </div> <?php } if (in_array($General['video_player'], array('html5video'))) { ?> <p><input name="General[poster_play_image]" type="checkbox" value="1" <?php echo $General['poster_play_image'] ? 'checked' : ''; ?> /> <?php echo __('Include play icon over poster image when applicable', 'powerpress'); ?> </p> <?php if ($type == 'video') { ?> <p><input name="General[poster_image_audio]" type="checkbox" value="1" <?php echo $General['poster_image_audio'] ? 'checked' : ''; ?> /> <?php echo __('Use poster image, player width and height above for audio (Flow Player only)', 'powerpress'); ?> </p> <?php } } ?> </td> </tr> <?php // Play icon, only applicable to HTML5/FlowPlayerClassic if (in_array($General['video_player'], array('html5video'))) { ?> <tr> <th scope="row"> <?php echo __('Video Play Icon', 'powerpress'); ?> </th> <td> <input type="text" id="video_custom_play_button" name="General[video_custom_play_button]" style="width: 60%;" value="<?php echo esc_attr($General['video_custom_play_button']); ?> " maxlength="255" /> <a href="#" onclick="javascript: window.open( document.getElementById('video_custom_play_button').value ); return false;"><?php echo __('preview', 'powerpress'); ?> </a> <p><?php echo __('Place the URL to the play icon above.', 'powerpress'); ?> <?php echo __('Example', 'powerpress'); ?> : http://example.com/images/video_play_icon.jpg<br /><br /> <?php echo __('Image should 60 pixels by 60 pixels. Leave blank to use default play icon image.', 'powerpress'); ?> </p> <?php if ($SupportUploads) { ?> <p><input name="video_custom_play_button_checkbox" type="checkbox" onchange="powerpress_show_field('video_custom_play_button_upload', this.checked)" value="1" /> <?php echo __('Upload new image', 'powerpress'); ?> </p> <div style="display:none" id="video_custom_play_button_upload"> <label for="video_custom_play_button_file"><?php echo __('Choose file', 'powerpress'); ?> :</label><input type="file" name="video_custom_play_button_file" /> </div> <?php } ?> </td> </tr> <?php } ?> </table> <?php } } ?> <?php } }