Major Additions - 8WayRun.Com - Media Library

Don't forget to click INSTALL!
I'm an unemployed computer programmer... if you appreciate the work I have done on this mod, please don't hesitate in offering me a donation by clicking the "Support Developer" link to the right of this text. A donation of $50 or more automatically gives you the right to remove the copyright footer for this modification from a single forum.

This is a new modification, spawning from the old VB 3.x Video Directory modifications.
For all intents and purposes, both my old Video Directory Remixed mod, and Survivor's original Video Directory mod have been discontinued. Neither of us are maintaining these older versions, they will not receive any future updates and we will not be providing any support. This version has a new name because it has been completely rewritten from scratch and is not being built on Survivor's old code. Because of this, if you are upgrading to this new version, from the old version, be sure to read this entire post in order to understand the upgrade process.

What is this mod?
Simply put, this mod is a directory for media. It supports URL inputs, in order to extract meta data and directorize media into a simple and easy to understand library. Users can add their favorite media from a select few online distribution centers (such as Youtube or Vimeo) and categorize and tag them as they see fit. This mod offers rudimentary support for the hosting of local media. An administrator can upload a media to the /customVID/ (default) directory; then add the media to the library using the URL code of "local:filename". Media hosted locally will be displayed using JWPlayer, but will not provide meta data, so that kind of information will need to be entered manually.

Demo:

http://www.8wayrun.com/media.php

Features:

• Integrated directly into the vBulletin user database and product manager.
• Fully phrased and built on tempaltes for easy re-skinning and styling.
• Simple to use administration features and usergroup permission settings.
• Landing page with the most recent, most popular and highest rated media.
• Ability to add media into a single category, while adding multiple tags.
• Ability to browse media through categories, tags, and user contributions.
• Summary tag cloud with a link to the entire list of tags in the system.
• Comment and rating system based on AJAX including graceful degredation.
• Individual RSS Feeds for newest videos, categories, tags and user media.
• Search function for titles and descriptions.

Installation:

If you are upgrading from before version 1.1, please install that version first.

1. Upload all the files in the "upload" directory of the attached zip file to your forum root.
2. CHMOD the /customVID/thumbs/ directory to full read/write/execute 777 permissions.
3. CHMOD the /customVID/sitemap/ directory to full read/write/execute 777 permissions.
4. Import the product file called "product-medialibrary.xml" in the Product Manager of vBulletin.
5. Set your usergroup permissions and media library settings in your administration control panel.
6. OPTIONAL: Enable the "Generate XML Media Sitemap" scheduled task in your administration control panel.
   
   NOTES: Make sure you decide what you wish to use for your thumbnail quality setting. By default, thumbnails are saved at 50% quality. At 50%, thumbnails will only be 2kb in size, but at the expense of quality. At 100%, thumbnails will be about 15kb in size, but will have the highest quality. I recommend setting it to 80%, which would leave thumbnails at 5kb in size with still excellent quality.
   
   Every time you change your thumbnail quality setting, you will need to run the "Rebuild Media Thumbnails" to see any changes.

Upgrading from VDR:

1. The "video*" tables from your previous installation of VDR need to exist in your database.
2. Enable the "media ADMIN import" plugin in the plugin manager of your control panel.
3. Run the "Import Media from VDR" process in your update counters menu in maintenance.
4. Disable the "media ADMIN import" plugin in the plugin manager of your control panel.
5. Run the "Rebuild Media Thumbnails" process in your update counters menu in maintenance.
6. You may now uninstall VDR once you confirm everything has been imported as intended.
   
   NOTES: You will mostly likely get at least one error while rebuilding media thumbnails...
   
   When you get an error, click the details link for that media. If the media displays some sort of error such as "This video has been removed" or "This video no longer exist", then that means that media is gone and you'll be unable to generate a thumbnail for that particular media. Use the available options on that media's detail page to DELETE it from your library. Then go back to your browser window which is rebuilding thumbnails and click the "retry from this position" link.
   
   If you got an error for a media, but after clicking the details link you can find no obvious error with the video; then the error could have just been a simple syn/ack failure. Just click the "retry from this position" link and the system will try to rebuild that thumbnail again.

Known Bugs:

There is a conflict with this modification and some of Valter's VSA modifications that will prevent navbar permissions from being handled correctly. I don't know exactly who's fault it is; but I'm pretty sure there are no errors in my code that would be causing this problem. There is a work around for this however.

Admin Control Panel > Plugins & Products > Plugin Manager > "media NAVTAB"

Find the code:

    $perms = media_permissions();

Replace with:

$perms['rate'] = true;
$perms['comment'] = true;
$perms['submit'] = true;
$perms['playlist'] = true;
 
if (is_member_of($vbulletin->userinfo, explode(',','5,6')))
{
    $perms['modtags'] = true;
    $perms['modcategory'] = true;
    $perms['modservice'] = true;
}

[initiald]

Please help make a Youku, Tudou XML.

[initiald]

Originally Posted by michaelmash

hi jaxel , i set the thumb, but its still say that.


test video url : http://www.tudou.com/programs/view/x0stnflkpVM

<?xml version="1.0" encoding="UTF-8"?>

<service>
	<svcName>TuDou</svcName>
	<svcRegex><![CDATA[http://[a-z]*?[\.]?tudou\.[a-z]*?/programs/view/([\w-]*)]]></svcRegex>
	<svcURL>http://www.tudou.com/programs/view/{serviceVAL}</svcURL>
	<svcFeed><![CDATA[http://api.tudou.com/v3/gw?method=item.info.get&appKey=mykey&format=xml&itemCodes={serviceVAL}]]></svcFeed>
	<svcValue2>null</svcValue2>
	<svcThumb><![CDATA[$arr['result']['results']['itemInfo']['picurl']]]></svcThumb>
	<svcTitle><![CDATA[$arr['result']['results']['itemInfo']['title']]]></svcTitle>
	<svcDesc><![CDATA[$arr['result']['results']['itemInfo']['description']]]></svcDesc>
	<svcLength><![CDATA[$arr['result']['results']['itemInfo']['totalTime']]]></svcLength>
	<svcTags><![CDATA[$arr['result']['results']['itemInfo']['tags']]]></svcTags>
	<svcMovie>http://www.tudou.com/v/{serviceVAL}</svcMovie>
	<svcWidth>640</svcWidth>
	<svcHeight>385</svcHeight>
	<svcStream>null</svcStream>
	<svcError>null</svcError>
	<svcParams>null</svcParams>
</service>

Delete ['result']
Change picurl to picUrl
Change itemInfo to ItemInfo

Can you provide me the Youku rss feed and api, greatly appreciated.

[hrenos]

Originally Posted by michal72

Try this

Replace in media_ajax_submit.js:

PHP Code:

fetch_object('vB_Editor_001_textarea').value = description; 


with:

PHP Code:

vB_Editor['vB_Editor_001'].write_editor_contents(description); 


And:

PHP Code:

function validate()
{
    var error = ''; 


with:

PHP Code:

function validate()
{
    vB_Editor['vB_Editor_001'].prepare_submit(0, 0);
    var error = ''; 


BR

where do I add these ? I cant find media_ajax_submit.js (im using 4.2.1)

[initiald]

^media_ajax_submit.js is in the server root folder or the file that come when you download in the Upload>Media folder.
By the way, if anyone interest in light out mode for this Media Library, you can check out this mod by Gemma.

https://vborg.vbsupport.ru/showthread.php?t=277346

To have all black out except your video player. In AdminCP> find 8WR_media_details.

Replace all code with this:

PHP Code:

<div class="mediahead">{vb:var media.title}</div>
<div class="mediabody">

    <div class="mediarow" style="margin-bottom: {vb:stylevar media_margin}px;">
        <vb:if condition="$perms['edit'] OR $perms['modedit']">
            <div style="float: right; padding-left: 10px;"><a href="{vb:raw href.details_tags}" class="button">{vb:phrase media_tags_edit}</a></div>
            <div style="float: right; padding-left: 10px;"><a href="{vb:raw href.details_edit}" class="button">{vb:phrase media_details_edit}</a></div>
        </vb:if>
        <vb:if condition="$perms['report']">
            <div style="float: right; padding-left: 10px;"><a href="{vb:raw href.details_report}" class="button">{vb:phrase media_report}</a></div>
        </vb:if>
        <div id="mediafaves" style="float: left;">{vb:raw mediafaves}</div>
        <b>{vb:var media.title}</b> <vb:if condition="!$media['embed_stream']">({vb:var media.length})</vb:if>
    </div>

    <vb:if condition="$playlist">
    <div class="mediarow floatcontainer" style="margin-bottom: {vb:stylevar media_margin}px;">
        <vb:if condition="$next">
            <div style="float: right; padding-left: 10px;"><b>Next &raquo;</b> ({vb:var next.pos} of {vb:var playlist.count})<br /><a href="{vb:raw next.href}">{vb:var next.title}</a></div>
        </vb:if>
        <vb:if condition="$prev">
            <div style="float: left; padding-right: 10px;">({vb:var prev.pos} of {vb:var playlist.count}) <b>&laquo; Previous</b><br /><a href="{vb:raw prev.href}">{vb:var prev.title}</a></div>
        </vb:if>
        <b><a href="{vb:raw playlist.href}">{vb:var playlist.plName}</a></b>
    </div>
    </vb:if>

<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
        <td<vb:if condition="!$media['embed_stream']"> style="padding-right: {vb:stylevar media_margin}px;"</vb:if> width="1%">
            <div class="mediarow" style="padding: 0px;" id="embed">
                        <div id = "standout">
                {vb:raw media.embed}
            </div>
    <vb:if condition="$media['embed_stream']">
                {vb:raw media.embed_stream}
    <vb:else />
            </div>
        </td>
        <td class="mediarow" valign="top">
            <b>{vb:phrase media_datetime,{vb:var media.date},{vb:var media.time}}</b><br />
            {vb:phrase media_uploadedby} <a href="{vb:raw href.user}">{vb:var media.username}</a><br />
            <br />
            <div class="popupmenu" id="mediarating">{vb:raw mediarating}</div>
            <br />
            <a href="{vb:raw href.category}">{vb:var media.catName}</a><br />
            {vb:phrase media_favorites}: {vb:var media.favorites} - {vb:phrase media_views}: {vb:var media.views}<br />
            {vb:phrase media_comments}: {vb:var media.comments}<br />
            <br />
            <input type="text" class="primary full textbox" onclick="this.focus(); this.select()" value="{vb:var href.details}" readonly="readonly" style="width: 90%;" /><br />
            <br />
        <vb:if condition="$vbulletin->options[media_bbcode]">
            <input type="text" class="primary full textbox" onclick="this.focus(); this.select()" value="[media={vb:var media.title}]{vb:var media.mediaID}[/media]" readonly="readonly" style="width: 90%;" /><br />
            <br />
        </vb:if>
            <b>{vb:phrase media_tags}:</b><br />
            <ul class="commalist">
                {vb:raw media.tags}
            </ul>
<br /><br />

<div class="blockrow" align="center">
<div id="lights"></div>
        </td>
    </vb:if>
</tr>
</table>

    <div class="mediarow floatcontainer" style="margin-top: {vb:stylevar media_margin}px; text-align: left;">
        <vb:if condition="$vbulletin->options[media_custom]">
            <vb:if condition="$vbulletin->options[media_custom1_name] && $media[custom1]">
                <b>{vb:raw vboptions.media_custom1_name}:</b> {vb:raw media.custom1}<br />
            </vb:if>
            <vb:if condition="$vbulletin->options[media_custom2_name] && $media[custom2]">
                <b>{vb:raw vboptions.media_custom2_name}:</b> {vb:raw media.custom2}<br />
            </vb:if>
            <vb:if condition="$vbulletin->options[media_custom3_name] && $media[custom3]">
                <b>{vb:raw vboptions.media_custom3_name}:</b> {vb:raw media.custom3}<br />
            </vb:if>
            <vb:if condition="$vbulletin->options[media_custom4_name] && $media[custom4]">
                <b>{vb:raw vboptions.media_custom4_name}:</b> {vb:raw media.custom4}<br />
            </vb:if>
            <vb:if condition="$vbulletin->options[media_custom5_name] && $media[custom5]">
                <b>{vb:raw vboptions.media_custom5_name}:</b> {vb:raw media.custom5}<br />
            </vb:if>
            <vb:if condition="$vbulletin->options[media_custom6_name] && $media[custom6]">
                <b>{vb:raw vboptions.media_custom6_name}:</b> {vb:raw media.custom6}<br />
            </vb:if>
            <vb:if condition="$vbulletin->options[media_custom7_name] && $media[custom7]">
                <b>{vb:raw vboptions.media_custom7_name}:</b> {vb:raw media.custom7}<br />
            </vb:if>
            <vb:if condition="$vbulletin->options[media_custom8_name] && $media[custom8]">
                <b>{vb:raw vboptions.media_custom8_name}:</b> {vb:raw media.custom8}<br />
            </vb:if>
            <vb:if condition="$vbulletin->options[media_custom9_name] && $media[custom9]">
                <b>{vb:raw vboptions.media_custom9_name}:</b> {vb:raw media.custom9}<br />
            </vb:if>
            <vb:if condition="$media[custom1] || $media[custom2] || $media[custom3] || $media[custom4] || $media[custom5] || $media[custom6] || $media[custom7] || $media[custom8] || $media[custom9]">
                <br />
            </vb:if>
        </vb:if>
        {vb:raw media.description}
    </div>
</div>

<div class="mediahead">{vb:phrase media_comment_submit}</div>
<div class="mediabody">
<vb:if condition="$perms['comment']">
    <script type="text/javascript" src="clientscript/vbulletin-editor.js?v={vb:raw vboptions.simpleversion}"></script>
    <script type="text/javascript" src="clientscript/vbulletin_textedit.js?v={vb:raw vboptions.simpleversion}"></script>

    <form action="media.php" name="vbform" method="post" onsubmit="return vB_Editor['{vb:raw editorid}'].prepare_submit(0, {vb:raw vboptions.postminchars})">

    <div id="commentform">
        <div class="mediarow floatcontainer" style="padding: 10px;">
            {vb:raw messagearea}
        </div>
    </div>
    <div style="padding-right: 30px; text-align: right;">
        <input type="submit" class="button" name="commentsubmit" id="commentsubmit" value="{vb:phrase media_comment_submit}" />
    </div>

    <input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
    <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
    <input type="hidden" name="do" value="comment" />
    <input type="hidden" name="mid" value="{vb:var media.mediaID}" />

    </form>
</vb:if>

    <div id="mediasubs" style="float: left; margin-right: 10px;">{vb:raw mediasubs}</div>
    <div id="pagination_top">{vb:raw pagenav}</div><br /><br />

    <div class="mediarow" style="padding: 10px; text-align: left;">
        <ol id="message_list" class="list_no_decoration">
            <vb:if condition="$commentbits">
                {vb:raw commentbits}
            <vb:else />
                <li style="text-align: center; padding: 10px;">{vb:phrase media_comments_none}</li>
            </vb:if>
        </ol>        
    </div>
</div>

<script type="text/javascript" src="media/media_ajax_rating.js"></script>
<script type="text/javascript" src="media/media_ajax_comment.js"></script>
<script type="text/javascript" src="media/media_ajax_faves.js"></script>
<script type="text/javascript" src="media/media_ajax_subs.js"></script>
<script type="text/javascript">
<!--
    vbphrase['post_comment'] = '{vb:phrase media_comment_done}';
    vbphrase['post_comment_wait'] = '{vb:phrase media_comment_wait}';
    vbphrase['post_comment_fail'] = '{vb:phrase media_comment_submit}';

    rating_init({vb:var media.mediaID});
    comment_init({vb:var media.mediaID},<vb:if condition="$playlist">{vb:var playlist.playlistID}<vb:else />0</vb:if>);
    faves_init({vb:var media.mediaID},<vb:if condition="$playlist">{vb:var playlist.playlistID}<vb:else />0</vb:if>);
    subs_init({vb:var media.mediaID},<vb:if condition="$playlist">{vb:var playlist.playlistID}<vb:else />0</vb:if>);
-->
</script>

<style type="text/css">
        #lights { /* This is the container which holds the light switch */
            position:relative; /* Set the position of the light switch to relative so it can be placed above the "dimming" layer */
            z-index:500; /* Set the height on the Z axis to 500 which is above the "dimmed" layer */
        }
 
        object { /* The object tag is what the swf files are held in */
            outline:none; /* Set the outline of swf objects to none so when you click on it you don't get a border around the swf */
        }
 
        #fade { /* This is the "dimmed" layer which fades in when the lights go off */
            display: none; /* Set the display to none which hides the layer */
            background: #000000; /* Set the color to black */
            position: fixed; left: 0; top: 0; /* Set the position to fixed so when the user scrolls it stays with them */
            width: 100%; height: 100%; /* Set the width and height to 100% of the browser window */
            opacity: 1; /* Set the layer's opacity to .90 which is 90% */
            z-index:100; /* Set the height on the Z axis to 100 which is below the "light switch" layer */
        }
#standout{
 position:relative;
background-color:#ffffff;                  
 z-index:1000;
}
    </style>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
    var flashvars = false;
 
    var params = {
        movie: "Lights.swf",
        quality: "high",
        allowScriptAccess: "always",
        wmode: "transparent"
    };
 
    var attributes = false;
 
    swfobject.embedSWF("Lights.swf", "lights", "100", "100", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript">
    function lightsOn(){
        //When you turn the lights back on fade out the "dim" layer over 500 milliseconds and then remove it
        $('#fade').fadeOut(500,function() { $("#fade").remove(); });
    };
 
    function lightsOff(){
        $('body').append('<div id="fade"></div>'); //When you turn the lights off add the "dimmed" layer to the page
        $('#fade').fadeIn(250); //Fade in the "dim" layer over 250 milliseconds
    };
</script> 


[Chadi]

I keep getting this error whenever I try to rebuild media thumbnails

ERROR CONSTRUCTING THUMBNAIL

I checked each video, absolutely nothing wrong with them at all.

I click retry, and it repeatedly gets stuck at "Processing 3"

Also nothing wrong with that third video either, at all.

[Mariner1]

Ive tried to fix the comments here https://vborg.vbsupport.ru/showpost....postcount=2129

Ive tried to find .prepare_submit(this.inputname.value, {vb:raw vboptions.postminchars})

Its not in any media template.Im running 4.2.1

[initiald]

Originally Posted by Mariner1

Ive tried to fix the comments here https://vborg.vbsupport.ru/showpost....postcount=2129

Ive tried to find .prepare_submit(this.inputname.value, {vb:raw vboptions.postminchars})

Its not in any media template.Im running 4.2.1

Copy the code of the template and paste them here. Otherwise, you already have fixed with template change. To be honest with you, the OP code using a initial 8_ in his variable name is not a good choice. So I re-edit his whole mod. If you're interest, I can give you mine and do re-install over again. This will fix all your problem.

[initiald]

Originally Posted by Chadi

I keep getting this error whenever I try to rebuild media thumbnails

ERROR CONSTRUCTING THUMBNAIL

I checked each video, absolutely nothing wrong with them at all.

I click retry, and it repeatedly gets stuck at "Processing 3"

Also nothing wrong with that third video either, at all.

It most likely caused by a sync error. Not much you can do in that case but try deleting and upload the video or find a replacement thumbnail.

[Mariner1]

Hi iniald.I uninstalled it but would love to be able to use it if possible,any help would be appreciated

[K4GAP]

Originally Posted by initiald

Copy the code of the template and paste them here. Otherwise, you already have fixed with template change. To be honest with you, the OP code using a initial 8_ in his variable name is not a good choice. So I re-edit his whole mod. If you're interest, I can give you mine and do re-install over again. This will fix all your problem.

Anyway, I've manage to create XML for Tudou but still struggling to figure out Youku. The only issue is that I can't seem to find the Service Feed API. Apparently, I locate this..

https://openapi.youku.com/v2/videos/...=XMjg1MTcyNDQ0

http://open.youku.com/docs/api/uploads/client/english

Also if anyone likes to do it like mine, I re-modify the detail template to look more minimalism. Clean design, add an extra random video icon, icon opacity change when hover, and Youtube style tooltip popup on top when mouse hover.

For example:

Old



NEW

Sir, would you mind sharing how you got it working on 4.2.1 ?
There are several of us waiting for a fix that works.