HeadShot Extreme :: View topic - Updated Twitch Streamers Block

Select messages from

through

[^/[Print]\]

HeadShot Extreme -> In-The-Works

#1: Updated Twitch Streamers Block Author: [HSX]coRpSE, Location: Back of your mind!!!

Posted: Tue Oct 03, 2017 6:59 pm
—
As some of you may have noticed, on my home page, I removed my old block and replaced it with a new block. This is a complete rewrite of the old block. Nothing but the "ONLINE/OFFLINE" with the red/pulsating green background are the same. A list of the changes and updates are below.

No more JQuery to pull the information from the API, this block uses a curl function to get the API.
Adding more than one user as easy as typing their twitch name.
Shows how long the stream has been currently live.
When live, if you mouse over the streamers icon, a capture of the streamers stream is shown, (Updated every 3 - 5 min or so).
Link back to their latest broadcast/video's.
Cleaner look & easier to customize and style for your site. (basics of CSS knowledge needed).
Overall lighter and more efficient than the side block.

**UPDATES FROM 10/4**

Now, from the first post, where it only showed the information of your channel if you were just online, well, now it shows it even if you're offline.
mature icon will appear if your channel is set to mature, (generally if you use adult language, or the games you play.). That icon has a mouseover saying that this channel is set to mature audiences.
To help keep the impact down on the loading of your site, I was given a script by McGyver=XCS= a while ago for preloading blocks and I implemented that into this block with a custom preloading image.
now, if you are offline, when you mouseover the icon of the channel, if they are offline, it will show there offline image of their stream channel.

**UPDATES FROM 10/6**

Now displays when the streamer was last live if they are offline. Does have a feature if the time & date can't be retrieved, (explained a few post down.).
Language file created and everything moved over to it.
Made this easier to be a stand alone script which can be used on almost any CMS/website.
Removed animated gif for the pre-loader and put in a CSS3 animated one instead.

**UPDATES FROM 10/8**

Got rid of all the separate images and put them into a sprite which uses CSS to map out the location of the image.
Eliminated a background image and used CSS to have the fade effect behind the tables
Cleaned up more of the code and put in more info of what each section is.
Predone a version already for the next version for Xtreme which will require no edits to the core file of the site, (Just upload and go).

**UPDATES FROM 10/12**

Added some eye candy, thanks to McGyver for the jQuery to use, now the numbers roll up from 0 to the current number.
Added an effect that is simulating it heating up a little, it's subtle, but there.

I do have other things to come. I am currently working on it to show the icon no matter what, and when you mouseover the icon, it will display the users offline page. I am also working on it to hold the counts all the time. This will be done over the next couple of days. If you guys have any suggestions, feel free to let me know.

Here is a image of it in its current state.

Last edited by coRpSE on Thu Oct 12, 2017 1:16 am; edited 3 times in total

#2: Re: Updated Twitch Streamers Block Author: [HSX]coRpSE, Location: Back of your mind!!!

Posted: Tue Oct 03, 2017 11:38 pm
—
okay, here is an update to that block. A few new features have been added since I was bored and had that itch to do something.

Now, from the first post, where it only showed the information of your channel if you were just online, well, now it shows it even if you're offline.
mature icon will appear if your channel is set to mature, (generally if you use adult language, or the games you play.). That icon has a mouseover saying that this channel is set to mature audiences.
To help keep the impact down on the loading of your site, I was given a script by McGyver=XCS= a while ago for preloading blocks and I implemented that into this block with a custom preloading image.
now, if you are offline, when you mouseover the icon of the channel, if they are offline, it will show there offline image of their stream channel.

Alot more in the backend has been done. Granted, maybe a lot does not seem like it got done, but there was.

#3: Re: Updated Twitch Streamers Block Author: PatPgtips,

Posted: Wed Oct 04, 2017 1:51 am
—
looks good corpse

keep up the good work

#4: Re: Updated Twitch Streamers Block Author: [HSX]coRpSE, Location: Back of your mind!!!

Posted: Wed Oct 04, 2017 4:57 pm
—
Thanks. I just finished some more work on the backend, changing over the temp "if" statements to ternary operator, also put on a default avatar/logo and a default offline background image if the streamer doesn't have any. Over the next few days, I am going to go in and finish cleaning up the code and make it more condensed. Then I have to go through the CSS to make it easier for people to modify, then if others want it, I will release it. If I do release it, I will be putting up a poll/polls for final styling things that people would like to have with it, and then I will release it.

#5: Re: Updated Twitch Streamers Block Author: Porthos,

Posted: Thu Oct 05, 2017 12:41 pm
—
Looks awesome

#6: Re: Updated Twitch Streamers Block Author: [HSX]coRpSE, Location: Back of your mind!!!

Posted: Thu Oct 05, 2017 10:12 pm
—
Thanks.

UPDATE:
Now, if you are offline, it will tell you when you were last live. This works off by taking the past broadcast video created time, adding the length of the videos, and then dividing that into weeks, days, hours, and mins. If you don't have twitch archiving past broadcasts, then it will display a message, (Not Live! Not Retrievable.). So, if that message appears, then that streamer will need to turn on the past broadcast archiving. This is the only way it could be done since twitches API does not have when the stream was last live. This was a bitch to get working right, but I got it.

I will be updating the first post with the latest list of features.

#7: Re: Updated Twitch Streamers Block Author: [HSX]coRpSE, Location: Back of your mind!!!

Posted: Sat Oct 07, 2017 12:52 pm
—
Okay, here is where I am at. If you're interested in this block and like to have it on your site, please PM me and I will get you the files and will help you with install. Install is very easy, but I like to be available on TS3 or Discord if there is an issue that comes up from your theme. Right now, this system is really only designed for full width themes or wide themes. If your theme is one of Peds where its only like 100px wide, this will stretch it. The reason I did not code it because most fixed width themes should be over 1280px wide for resolutions and screen sizes have got larger over the years. This is best used on a site where the center blocks should be at least 1000px wide. I will be seeing if I can get that down to a minimum of 800px wide and look decent.

#8: Re: Updated Twitch Streamers Block Author: [HSX]coRpSE, Location: Back of your mind!!!

Posted: Sun Oct 08, 2017 1:33 pm
—
Okay, after some work. I got it with a min width of 850px required for this block.

(That's a min of 850px wide for the center blocks ONLY. That's not including the side blocks.)

If, and only if there is enough pushing from people that want one that will go smaller than 850px wide, then I will make a seperate one for those stubby sites, bu honestly, for those of you that have sites 1250px or less in width, you really need to update your theme and make it wider. I know Ped from Clanthemes was famous for making themes 800px - 1000px wide, (Mostly 800px), and back in 2005 - 2010, that was fine, but standard monitors are getting larger, resolution is getting larger, and you are just creating too much empty real estate.

Otherwise, I think I am done with it so if anyone wants it, let me know.Last edited by coRpSE on Mon Oct 09, 2017 2:50 pm; edited 1 time in total

#9: Re: Updated Twitch Streamers Block Author: PatPgtips,

Posted: Mon Oct 09, 2017 11:28 am
—
sadly my minimum width is about 530 width for the center block because of blocks on the left and right of the index page most of my themes are all about that size

but it looks good corpse

#10: Re: Updated Twitch Streamers Block Author: [HSX]coRpSE, Location: Back of your mind!!!

Posted: Mon Oct 09, 2017 2:54 pm
—

— PatPgtips wrote
sadly my minimum width is about 530 width for the center block because of blocks on the left and right of the index page most of my themes are all about that size

but it looks good corpse

no worries, but I would suggest looking at widening them a little. Can be a bit difficult, especially if you don't have a theme where you can set the width from inside the theme management, but not impossible. I did one of peds themes earlier this year for someone, but they had me do some other changes for them as well while I was doing it. Ped was just famous for putting jquery and flash where it was not needed or shouldn't be.

igitt

Also, for all, an update is that I also reduced the min width from 850 to 750. You can see it by looking at the home page and shrinking down your browser. The width will automatically stop at 750px wide.

#11: Re: Updated Twitch Streamers Block Author: [HSX]coRpSE, Location: Back of your mind!!!

Posted: Thu Oct 12, 2017 1:19 am
—
updated my first post with some updates to the script, subtle eye candy. Thanks to McGyver, I was able to get one part of it which game me an idea for the CSS animation to just improve upon the plain countup that I was given.

#12: Re: Updated Twitch Streamers Block Author: Ghostwarrior,

Posted: Sat Oct 14, 2017 11:21 am
—
Hi Corpse, can let me know when your are done with cause I would like a copy of it if I may please!...

Thanks

#13: Re: Updated Twitch Streamers Block Author: Porthos,

Posted: Sun Oct 15, 2017 10:52 pm
—
Working great so far man. Great Job

#14: Re: Updated Twitch Streamers Block Author: [HSX]coRpSE, Location: Back of your mind!!!

Posted: Mon Oct 16, 2017 8:05 am
—

— Ghostwarrior wrote
Hi Corpse, can let me know when your are done with cause I would like a copy of it if I may please!...

Thanks

I will post it public later today.

#15: Re: Updated Twitch Streamers Block Author: [HSX]coRpSE, Location: Back of your mind!!!

Posted: Mon Oct 16, 2017 1:13 pm
—
@Ghostwarrior here you go.

Please login to see this link
Get registered or Log in

#16: Re: Updated Twitch Streamers Block Author: Ghostwarrior,

Posted: Thu Oct 19, 2017 9:53 am
—
Thanks Corpse, download and installed completed and with no errors.

#17: Re: Updated Twitch Streamers Block Author: [HSX]coRpSE, Location: Back of your mind!!!

Posted: Thu Oct 19, 2017 12:15 pm
—
glad to hear.

#18: Re: Updated Twitch Streamers Block Author: PatPgtips,

Posted: Fri Oct 20, 2017 8:15 am
—
great work corpse

downloaded and installed all is fine

just need to get a theme that it will fit

#19: Re: Updated Twitch Streamers Block Author: [HSX]coRpSE, Location: Back of your mind!!!

Posted: Fri Oct 20, 2017 8:19 am
—

— PatPgtips wrote
great work corpse

downloaded and installed all is fine

just need to get a theme that it will fit

If you're running a fixed width theme that is too narrow, then you can modify the theme to be wider. It's not that hard, but also not that easy. I did it once before for someone that had one of Ped's themes that was set at 800px wide and I opened it up to be 1280 wide. The header was the hardest to do but I just rewrote some of it.

#20: Re: Updated Twitch Streamers Block Author: PatPgtips,

Posted: Sat Oct 21, 2017 7:53 am
—
i will try and find a theme with the proper size but im pretty fussy what i use the theme will have to be the right 1 for us

#21: Re: Updated Twitch Streamers Block Author: Sp0rAdiC,

Posted: Sat Oct 21, 2017 11:01 am
—
Looks good coRpSE

#22: Re: Updated Twitch Streamers Block Author: PatPgtips,

Posted: Sat Oct 28, 2017 1:00 am
—
maybe a silly question

is it possible to remove

Viewers: 0
Followers: 100
Total Views: 16,946
Videos: CLICK HERE

it will look like this

so that the theme will fit my site i know its taking things away from the block but it will help me keep all streamers in the same area

#23: Re: Updated Twitch Streamers Block Author: [HSX]coRpSE, Location: Back of your mind!!!

Posted: Sat Oct 28, 2017 2:21 am
—
Yeah, I will code something later today after my stream.

#24: Re: Updated Twitch Streamers Block Author: PatPgtips,

Posted: Sun Oct 29, 2017 7:35 am
—
thanks corpse that would be great

#25: Re: Updated Twitch Streamers Block Author: [HSX]coRpSE, Location: Back of your mind!!!

Posted: Sun Oct 29, 2017 4:25 pm
—
Here is where I am at.

I know I have alignment issues. I am still working on it, it's just a WIP.

#26: Re: Updated Twitch Streamers Block Author: PatPgtips,

Posted: Sun Oct 29, 2017 4:30 pm
—
looks good corpse

#27: Re: Updated Twitch Streamers Block Author: [HSX]coRpSE, Location: Back of your mind!!!

Posted: Sun Oct 29, 2017 8:20 pm
—

— PatPgtips wrote
looks good corpse

Take a look and let me know. I designed this with a max width of 575px and a min width of 525px. I believe that is small enough for a theme like yours.
You can see it here:

Please login to see this link
Get registered or Log in

#28: Re: Updated Twitch Streamers Block Author: PatPgtips,

Posted: Mon Oct 30, 2017 1:18 am
—
thats perfect

i will get away with 530 maybe 540 need to test that though

it looks awesome

#29: Re: Updated Twitch Streamers Block Author: [HSX]coRpSE, Location: Back of your mind!!!

Posted: Mon Oct 30, 2017 9:55 pm
—

— PatPgtips wrote
thats perfect

i will get away with 530 maybe 540 need to test that though

it looks awesome

I measured your shoutbox and that looked like it was coming in at 570px wide, so I was trying to base it off that. I will pack that up in the next day or two after I finish cleaning it up a bit.

#30: Re: Updated Twitch Streamers Block Author: PatPgtips,

Posted: Mon Oct 30, 2017 10:15 pm
—
no worries corpse thanks for all your hard work it looks great

#31: Re: Updated Twitch Streamers Block Author: [HSX]coRpSE, Location: Back of your mind!!!

Posted: Tue Oct 31, 2017 10:38 pm
—

— PatPgtips wrote
no worries corpse thanks for all your hard work it looks great

Sent you a copy of it, test it out and let me know. If all is good, then I will release it publically.

#32: Re: Updated Twitch Streamers Block Author: PatPgtips,

Posted: Wed Nov 01, 2017 1:42 am
—
thats perfect

HeadShot Extreme -> In-The-Works

output generated using printer-friendly topic mod. All times are GMT - 7 Hours

Page 1 of 1