zimny-lech / cytube-plus Goto Github PK

Powerful JavaScript/CSS library for CyTube channels enhancements.

License: MIT License

JavaScript 97.41% CSS 2.59%

cytube-plus's Introduction

CyTube Plus

Important: august 2014, big update finished. Version 4.5 now available! Scroll down to see detailed list of changes.

About

Q: What is CyTube Plus?

A: It's an easy to configure, powerful JavaScript/CSS library for CyTube channels administrators, adding new features and enhancements. Latest release works with 3.0 branch CyTube versions.

Q: Where can I see CyTube Plus in action?

A: Go to example http://cytu.be/r/plus channel. All library options in this room are enabled by default.

Q: What this library exactly does?

A: See detailed list on the Features page. Currently script administrators can set up 66 options.

Q: Something is not working, what to do?

A: See Troubleshooting page. If you will not find the answer, open a new issue.

Q: Where can I read more about it?

A: You can find many detailed informations on the CyTube Plus Wiki.

Q: Is it free?

A: Yes. CyTube Plus is licensed under MIT License (see LICENSE for the full text).

Installation

Customized, advanced installation

Note: don't be afraid to configure! Go to Wiki for help. If all fails, copy default main.js file, and try to change variables one by one - this way you will find what's wrong.

Open content of main.js file in a text editor.
Scroll down to configuration sections and configure library according to your wishes. All options are explained on the FAQ page.
Save customized JS library as well as main.css file to your file hosting (e.g. Dropbox¹) or to your own server².
Enter your JS and CSS files location in "Channel Options", and save.

¹Warning! Always use dl.dropboxusercontent.com URL instead of www.dropbox.com.
²Warning! You must be able to access .js file directly (browser's URL must end with .js extension, other extensions such .php etc. sometimes cause problems).

Simple installation

Note: some features will be disabled.

Click "Channel Settings" header link and select "Admin Settings".
In "External Javascript" field enter JavaScript library URL given below: https://dl.dropboxusercontent.com/s/2uks4pif8mx2qab/main-ready.js
In "External CSS" field enter CSS library URL given below: https://dl.dropboxusercontent.com/s/180y5d6mvlu8kd8/main.css
Save changes - congratulations, your have just installed basic version of CyTube Plus!

Feedback

Go to the Issues page.

Just create a new issue. If you have problems with configurating or using CyTube Plus read Troubleshooting first.

Feel free to ask anything about this library. If you have a suggestion, an idea how to speed up/shorten/improve some functions or you would like to see a new feature, don't be afraid to make a request.

What has been changed in the newest version?

Adding possibility to embed images and videos such .webm on the chat, script admin can configure accepted filetypes and/or sources, user can easily toggle between embeddings and text links
Adding chat text speaking option with external "WebAnywhere" online application, supporting english ("!say" command) and polish ("!mow")
Adding MOTD tabs application to create homepage-like channel header, using simple HTML
Adding pagination option in the emotes panel with configurable number of displaying emotes
Adding switch ("Func" in the chat header) for channel admins with 2 buttons:
- Auto Clear, automatically clearing chat window during spam attacks or raids, preventing room freezing
- Anti AFK, preventing from AFK if you leave for a moment (and don't want to be excluded from voteskipping etc.)
Adding 5-way volume level regulation for both: sound filters and text speaking
Adding 2 modes in Playlist URLs modal window:
- Ordered List - list alphabetically ordered by titles
- Database Format - list specially prepared for script Channel Database
Adding option to automatic display of squavatars (2-colored square avatars) before every message
Adding option to change character adding to username on the chat messages (default ":")
Adding "!memestats" commands to display number of used channel memes by a user
Deleting necessity of the "StoragePrefix" manual setting, now auto-defined as room name
Deleting "/reload" command due to possibility to use it by people who deny permission to run script
Moving few CSS selectors from main CSS to JS for better compatibility with users who has not given permission to run script, due to necessary accepting external JS
Back to independent channel emotes with configurable size for some script admins who need additional mods-independent permanent emotes
Adding Google Analytics short code
Adding option for custom add/refresh/voteskip button captions, and custom welcome message
Better unicode buttons arrangement - now fit automatically with a side margin
Creating 2 another layout options after loading for all users (using Local Storage or cookies):
- Not displaying layout box (switching with "Layout" button)
- Fluid layout is now stored in user options (default after loading if checked)
Fixing display modes after media changes and browser resizing
Fixing not aligned vertically checkboxes in Chrome
Fixing channel CSS position between stylesheets in the HTML header
Fixing bad download links after move some items on the playlist
Fixing unability to show player again if refreshed after hiding
Fixing wrong sounds panel properties after mode and theme change - now automatically back to userlist
Fixing permission for displaying "/clear" button
Fixing reset layout option for channels with disabled "default old Synchtube layout" option
Fixing tooltips for chat voices button
Patching "#playlistmanagerwrap" hidden free space if user is unregistered
Deleting ".userlist_item" cursor from CSS - it is now implemented in default CyTube application
A few minor code changes not affecting functionality

cytube-plus's People

Contributors

Stargazers

Watchers

cytube-plus's Issues

Wrong Video Size When Page Loads

I can't seem to figure out whats causing the video to initially load the wrong way. The size of the video seems like its the size it would be if you were in cinema mode but still inside the synchtube mode wrap. So the video is the wrong size and cutoff. When you click refresh player or change the layout it fixes it. I think calzoneman made some recent changes to how the website loads information. I'm a noob at code. I've tried messing with it a bit but I can't seem to figure it out. Any ideas on how to fix it would be greatly appreciated. Thanks.

CyTube 3.0 support

Are you planning to do the porting to CyTube 3.0? Because in a matter of days I want to update synchtu.be to CyTube 3.0 and I want to synchronize the effort with you.

If you have no CyTube 3.0 instance to test, I can provide you one.

What am I doing wrong?

Let me first thank you in advance, this an awesome and very useful tool for me to use.
Faqs and tutorial are very clear (even for a first timer js user like me).

This is my issue: custom .js configuration.
I've tried to switch to different text editors (notepad, Wordpad, Sublime Text 2), but my Cytube channel seems to be just unable to read the resulting edited files.
This is strange 'cause I've checked so many times for eventual errors or typos.
And still my channel is fully capable of reading your scripts, eg: https://dl.dropboxusercontent.com/s/2uks4pif8mx2qab/main-ready.js

This is the edited file I can't actually use:
https://dl.dropboxusercontent.com/s/kyj990412hsk43x/mainB.js
My channel: cytu.be/r/ourcinema

Thank you in advance for your time and your kindness.

Channel Database Question

Is there a way to queue up an entire playlist from the Channel Database instead of queuing up videos from the database individually? For example my channel database looks like this: http://puu.sh/ocWaX/9d9e873c4e.png

function showInfo() not working with playlist visibility permissions

When I have playlist visibility permissions set to 'nobody' the showInfo function displays 'Playing next: // END OF PLAYLIST //' instead of the next videos.
Is there anyway to make the showInfo function work with playlist visibility permissions set to 'nobody' or is this impossible without breaking the sites permissions?
I'm not sure if this is an issue or intended by design. my bad, if its the latter.

Player issues when streaming any video that isn't Youtube

When using the default js and css the player has an issue where any dailymotion video does not fit appropriately and only a quarter of the video is view able.

messages dissapearing

https://i.imgur.com/fyDSXoO.png

Happens to a user on firefox38 when scrolling through messages and moving mouse. "especially old messages"

Adding webm portion to 4.0

Hi. I was trying to extract the webm portion of the code and insert in into the 4.0 code that I had modified. Unfortunately, it keeps breaking the chat when someone types. There would be no chat message displaying but when you refresh, you will see the old chat messages. Would you happen to have any idea as to how to fix this?

Having trouble with message background on ping/ layout/ /say text

-Having trouble figuring out how to enable red colored message background on ping

-Having issues with fluid layout turning player and chat small on join for users on certain browsers

-Having issues with the text besides the name on /say command being small. When the page is refreshed, the text is red and big like its supposed to be.

Any insight on how to fix these issues would be much appreciated!

Text to Speech function no longer working.

Across all browsers and even on cytu.be/r/plus channel, the text to speech function isn't working.

Chat Commands button not working

It seems the "Chat Commands" button no longer opens the modal window it once did.

I've tried the button in both Chrome and Firefox and got the same issue.

Not really an issue, but a suggestion (CyTube)

Could it be possible to make it so that the H&F is gone forever and not temporary?

Fluid Layout

How do I have the fluid layout kept in the cookies everytime I refresh? Or How do I change the default layout to fluid?

Planned changes in v5.0

Due to JS accepting necessity by a user as global CyTube feature, in the next version of the library CSS will be generated automatically, to prevent users without JS from unnecessary CSS.

Moreover, library font filters will be available also without installing as default feature.

Layout problems

I'm having trouble with the video/chat layout on a TaimaTV channel. Can be seen here:

http://taima.tv/r/vicslounge

Any idea why the video and chat windows are so small? Any idea how to fix it? Appreciate the help.

UI_MOTDDelete = broken

when i do
UI_MOTDDelete = 1 and a user on non firefox broswer clicks ok it doesnt load the JS for them.
doesnt work on IE,Chrome,Other

Video Player and Chat too small

If I add the JavaScript from the easy installation to my TaimaTv channel my video player and chat box shrink.

This link: https://dl.dropboxusercontent.com/s/2uks4pif8mx2qab/main-ready.js
on
This channel: http://taima.tv/r/dildor

However this problem persists regardless if I use the .js file in the zip too. I tried checking the file and going through the configuration instructions but I'm pretty unfamiliar with coding as a whole so even if I wanted to fix the problem I wouldn't know where to start.

Thanks.

Not REALLY an issue - just need some help

Okay so this is the wrong forum for this - I get that. However, I don't know how else to contact someone on this project. So, I apologize.

I've got your cytube-plus installed on my cytube site, but given all the issues we've had lately with Google Videos (videos from Google Drive) I've had a bunch of links added with Wonky Names. I'm REALLY new to JS (this was actually the first time I've even touched it ... so huzzah I didn't break things) but I would like to know if there's any way possible to create a snippet in the JS that would allow for renaming items on the Playlist already.

Also - is there something that I can add to embedded iFrames or Objects that will make them autoplay if played directly from the playlist?

I do apologize for my questions... I am a total noob and learning.. slowly but surely! THANK YOU! :)

Dismiss button doesn't work

In warning window near the playlist "dismiss" button doesn't work.