# Wip : Mrb

**URL:** <https://forum.kirupa.com/t/wip-mrb/113344>\
**Category:** Uncategorized\
**Created:** [June 17, 2004, 2:29am UTC](https://forum.kirupa.com/t/wip-mrb/113344 "2004-06-17T02:29:47Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![simplistik](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/simplistik/32/7747_2.png) [@simplistik](https://forum.kirupa.com/u/simplistik)\
**Post date:** [June 17, 2004, 2:29am UTC](https://forum.kirupa.com/t/wip-mrb/113344/1 "2004-06-17T02:29:47Z")

</div>

Alright guys here’s my WIP that I’m doing for a client. CnC plz.

Also, this is a hybrid site, why? Cause they aren’t paying me enough :P. Another thing is the links don’t go anywhere, but you’ll all get the point.

[http://www.beyondthepixel.com/clients/mrb/](http://www.beyondthepixel.com/clients/mrb/)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 17, 2004, 3:53am UTC](https://forum.kirupa.com/t/wip-mrb/113344/2 "2004-06-17T03:53:44Z")

</div>

Smooth animation, nice color choices. Ok load times. Music didn’t play until the second time I visited. The navigation is unique, but sometimes it gets stuck on the “mouseover” animation.

I notice you live in Indiana, whereabouts in indy do you live?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 17, 2004, 4:52am UTC](https://forum.kirupa.com/t/wip-mrb/113344/3 "2004-06-17T04:52:09Z")

</div>

Nice concept. There is a small glitch in your navigation as mentioned, and why don’t you stream the music?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 17, 2004, 5:17am UTC](https://forum.kirupa.com/t/wip-mrb/113344/4 "2004-06-17T05:17:58Z")

</div>

Yep, all of the above. Check out Voet’s kick-butt MP3 streamer. It rox!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 17, 2004, 12:34pm UTC](https://forum.kirupa.com/t/wip-mrb/113344/5 "2004-06-17T12:34:32Z")

</div>

Thx for the glitch comment. I think it only happens when you mouse out to quick into the html. I think it’s a problem on any hybrid site where the flash doesn’t extend a lot.

Yea I like Voet’s MP3 Player, but there are a few things that it doesn’t have such as the playlist, balance, that this player already had. I can make this stream but I but once it hits the 100% the song restarts and I’m tryin’ to work that out now. If Voet wants to help me play w/ this player 🙂 that’d be tight.

Krilnon: I live in Indianapolis

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 17, 2004, 3:23pm UTC](https://forum.kirupa.com/t/wip-mrb/113344/6 "2004-06-17T15:23:31Z")

</div>

Looks very nice, but the nav isnt very clear to me  
I can hardly read the text on the buttons

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 17, 2004, 3:34pm UTC](https://forum.kirupa.com/t/wip-mrb/113344/7 "2004-06-17T15:34:45Z")

</div>

you know I got to nit-pick you simplistik…Up there where it says “mrb news”. I would use the logo there. Matter of fact anytime the name mrb is used I would use the logo. Except in the body text. You made most of the tweaks I recommended, so its all good with me.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 17, 2004, 4:59pm UTC](https://forum.kirupa.com/t/wip-mrb/113344/8 "2004-06-17T16:59:01Z")

</div>

You obviously didn’t compress your music. A big no no. Even on cable it was taking forever. I say “was” because I got bored of it and didn’t wait for it to load all the way cause it was taking so long.

Other than that the aite look pretty nice.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 17, 2004, 5:05pm UTC](https://forum.kirupa.com/t/wip-mrb/113344/9 "2004-06-17T17:05:57Z")

</div>

> [@simplistik](#):
>
> Yea I like Voet’s MP3 Player, but there are a few things that it doesn’t have such as the playlist, balance, that this player already had. I can make this stream but I but once it hits the 100% the song restarts and I’m tryin’ to work that out now. If Voet wants to help me play w/ this player 🙂 that’d be tight.

post your code man, people will help you out. cuz as of now, your nice is real nice but, its basically impossible to sit through on slow connections.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 17, 2004, 8:33pm UTC](https://forum.kirupa.com/t/wip-mrb/113344/10 "2004-06-17T20:33:37Z")

</div>

Thx for the comment DJ, however I knew that. Those mp3s aren’t the actual files (as it would be illegal anyway) that will be used and I dont want to waste more time than is neccessary for something that will change.

Digital, once I get home I’ll post the coding. But it’s long 🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 17, 2004, 11:14pm UTC](https://forum.kirupa.com/t/wip-mrb/113344/11 "2004-06-17T23:14:58Z")

</div>

What a great concept, reminds me of the original designersrepublik site (96) and joshua davis. smal crit–\> on bb conection the nav loads after 8-10 secs ! why not load the nav first and load the title/ logo movie after into the nav movie, this will help greatly in creating a fast build for the site, whilst maintaining electricity and bandwidth independence.

Awesome concept, love the gauche styling, keep trucking:)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 18, 2004, 4:38am UTC](https://forum.kirupa.com/t/wip-mrb/113344/12 "2004-06-18T04:38:04Z")

</div>

here’s the code if anyone can help that’d be groovy :party:

```auto

//defines a new sound object
music = new Sound(this);
trkInfo = new Date();

//comment these three lines if you don't want it to play on startup
playing = false;
paused = false;
loading = true;
///////////////////////////////////////////////////////////////////

//sets the beginning slider attributes
vol_mc.slider_mc._x = 70;
bal_mc.slider_mc._x = 50;
pos_mc.slider_mc._x = 0;
pos_mc.slider_mc._visible = false;
vol_mc.slider_mc.slider.useHandCursor = false;
bal_mc.slider_mc.slider.useHandCursor = false;
pos_mc.slider_mc.slider.useHandCursor = false;
scroller_mc.slider_mc.slider.useHandCursor = false;
loop_mc.radio_mc.useHandCursor = false;
shuffle_mc.radio_mc.useHandCursor = false;
//controls which song is highlighted in the playlist, see attacher
function select(){
	for(i in playlist_mc.target_mc){
		if(playlist_mc.target_mc*.songNum != songNum){
			playlist_mc.target_mc*.gotoAndStop(1);
		}
		else{
			playlist_mc.target_mc*.gotoAndStop(2);
		}
			
	}
	
}

songNum = 0;
numTracks = songInfo.content.length;
//attacher: attaches the playlist movies, select() is called here
for(i = 0; i < numTracks; i++){
	songInfo.content*.songNum = i;
	playlist_mc.target_mc.attachMovie("playlistItem", "item" + i, (i+1), songInfo.content*);
	playlist_mc.target_mc["item" + i]._y = i * 18;
	if(playlist_mc.target_mc["item" + i].title == songInfo.content[songNum].title){
		playlist_mc.target_mc["item" + i].gotoAndStop(2);
	}
	else{
		playlist_mc.target_mc["item" + i].gotoAndStop(1);
	}
}              

scrollWindowHeight = 10;
scrollMax = (playlist_mc.target_mc._y + playlist_mc.target_mc._height) - scrollWindowHeight;

//if there's not enough to scroll, there will be no handle

if(playlist_mc._height <= scrollWindowHeight){
	scroller_mc.slider_mc._visible = false;
}
else{
	scroller_mc.visible = true;
}

//loads the song
music.loadSound(songInfo.content[songNum].path, false);

//this is what makes the music fade when you hit the stop button
function fadeOut() {
	if (music.getVolume()>0) {
		music.setVolume(music.getVolume()-5);
	} else {
		music.stop();
		pos_mc.slider_mc._visible = false;
		pos_mc.slider_mc._x = 0;
	}
}

//this function is called when the first song ends, or the next button is press. It moves to the next song
function nextSong(){
		if(loop == true and skipLoop != true){
			music.stop();
			music.start(0, 0);
		}
		else{
			if(shuffle == true){
				songNum = Math.floor(Math.random()*(numTracks-1));
			}
			else{
				songNum++;
				if(songNum == songInfo.content.length){
					songNum = 0;
				}
			}
		loading = true;
		playing = false;
		paused = false;
		select();
		if(skipLoop == true){
			skipLoop = false;
		}
		music.loadSound(songInfo.content[songNum].path, false);
		}
	
		
}

//self explantory =)
function prevSong(){
	songNum--;
	if(songNum < 0){
		songNum = songInfo.content.length - 1;
	}
		
		loading = true;
		playing = false;
		paused = false;
		
		select();
		music.loadSound(songInfo.content[songNum].path, false);
	
}
//this function controls the text in the info window and what actions the player will take next based on what button is pressed
this.onEnterFrame = function() {
	dur = music.duration;
	pos = music.position;
	total = music.getBytesTotal();
	loaded = music.getBytesLoaded();
	
	//preloader
	if (loading == true) {
		if (music.getBytesLoaded() == music.getBytesTotal() and dur > 0){
			loading = false;
			playing = true;
			music.start(0,0);
			music.setVolume(vol_mc.slider_mc._x);
			music.setPan((bal_mc.slider_mc._x-50)*2);
			status = "playing";
			pos_mc.slider_mc._visible = true;
		}
		else{
			pos_mc.slider_mc._visible = false;
			
			if(music.getBytesTotal() != undefined){
				artist = Math.round(music.getBytesLoaded()/music.getBytesTotal()*100)+"% loaded";
			}
			else{
				artist = undefined;
			}
			
			title = undefined;
			status = "loading";
		}
	}
	
	//updates the sound attributes (vol, bal, etc...) and displays their info in the text fields
	else if (playing == true) {
		vol = music.getVolume() + "%";
		bal = music.getPan();
		if(whichDrag != "pos_mc"){
				pos_mc.slider_mc._x = (music.position/music.duration)*100;
		}
		
		music.setVolume(vol_mc.slider_mc._x);
		music.setPan((bal_mc.slider_mc._x-50)*2);
		titleArtist = songInfo.content[songNum].path;
		title = songInfo.content[songNum].title;
		artist = songInfo.content[songNum].artist;
		music.onSoundComplete = nextSong;
		
	} else{
		titleArtist = undefined;
		fadeOut();
		status = "stopped";
	}
	
	//controls the scrolling of the playlist
	if(scrolling == true){
		if(playlist_mc._height > scrollWindowHeight){
			percentScroll = (scroller_mc.slider_mc._y/(scroller_mc.scrollBg_mc._y + scroller_mc.scrollBg_mc._height));
			scrollValue = scrollMax*percentScroll;
			playlist_mc.target_mc._y = -(scrollValue);
		}
	}
	
	
	//displays the time
	if(timeWay == "forward" or timeWay == undefined){
		trkInfo.setSeconds(music.position/1000);
		trkInfo.setMinutes((music.position/1000)/60);
		trkInfo.setHours((music.position/1000)/3600);
	}
	else{
		trkInfo.setSeconds((music.duration -music.position)/1000);
		trkInfo.setMinutes(((music.duration -music.position)/1000)/60);
		trkInfo.setHours(((music.duration -music.position)/1000)/3600);
	}
	seconds = trkInfo.getSeconds();
	minutes = trkInfo.getMinutes();
	hours = trkInfo.getHours();

	
	if(seconds < 10){
		seconds = 0 + seconds.toString();
	}
	if(minutes < 10){
		minutes = 0 + minutes.toString();
	}
	if(hours < 10){
		hours = 0 + hours.toString();
	}
	
	trkHrs = Math.floor((music.duration/1000)/3600);
	trkMin = Math.floor((music.duration/1000)/60);
	trkSec = Math.floor((music.duration/1000) - (60*trkMin));
	if(trkSec < 10){
		trkSec = 0 + trkSec.toString();
	}
	if(trkMin < 10){
		trkMin = 0 + trkMin.toString();
	}
	if(trkHrs < 10){
		trkHrs = 0 + trkHrs.toString();
	}
	if(loading != true){
		time = hours + ":" + minutes + ":" + seconds;
		totalTrkTime = trkHrs + ":" + trkMin + ":" + trkSec;
	}
	else{
		time = undefined;
		totalTrkTime = undefined;
	}
};

///////////////////////////////end onEnterFrame///////////////////////////////

//controls the play button
play_mc.onRelease = play_mc.onReleaseOutside = function() {
	if(playing != true or paused == true){
		if(loading != true){
			if(paused == true){
				seconds = pos/1000;
				music.start(seconds, 0);
				paused = false;
			}
			else if (loading != true) {
				loading = true;
				music.loadSound(songInfo.content[songNum].path, false);
				//music.start(0,0);
			}
		}
	}
};

//controls the stop button
stop_mc.onRelease = stop_mc.onReleaseOutside = function () {
	//if(loading != true){
		loading =false;
		playing = false;
		paused = false;
		artist = undefined;
		title = undefined;
	//}
};

//controls the pause button
pause_mc.onRelease = pause_mc.onReleaseOutside = function(){
	if(playing == true){
		if(paused == false){
			pos = music.position;
			music.stop();
			//playing = false;
			paused = true;
		}
		else{
			seconds = pos/1000;
			music.start(seconds, 0);
			paused = false;
		}
	}
}

//controls the next button
next_mc.onRelease = next_mc.onReleaseOutside = function(){
	if(loading != true){
		skipLoop = true;
		nextSong();
	}
}

//controls the previous button
back_mc.onRelease = back_mc.onReleaseOutside = function(){
	if(loading != true){
		prevSong();
	}
}

loop_mc.radio_mc.onRelease = shuffle_mc.radio_mc.onRelease = function(){
	if(this._parent._currentframe == 1){
		this._parent.gotoAndStop(2);
	}
	else{
		this._parent.gotoAndStop(1);
	}
	if(this._parent._name == "loop_mc"){
		if(loop == true){
			loop = false;
		}
		else{
			loop = true;
		}
	}
	if(this._parent._name == "shuffle_mc"){
		if(shuffle == true){
			shuffle = false;
		}
		else{
			shuffle = true;
		}
	}
	
}

//controls the sliders
vol_mc.slider_mc.slider.onPress = bal_mc.slider_mc.slider.onPress=pos_mc.slider_mc.slider.onPress=function () {
	whichDrag = this._parent._parent._name;
	this._parent.onMouseMove = function() {
		updateAfterEvent();
	};
	this._parent.startDrag(false, 0, this._y, 100, this._y);
};

vol_mc.slider_mc.slider.onRelease = vol_mc.slider_mc.slider.onReleaseOutside=
bal_mc.slider_mc.slider.onRelease = bal_mc.slider_mc.slider.onReleaseOutside=
pos_mc.slider_mc.slider.onRelease = pos_mc.slider_mc.slider.onReleaseOutside=
function () {
	if(whichDrag == "pos_mc"){
		if(pos_mc.slider_mc._x == 100){
			pos_mc.slider_mc._x = 99.5;
		}
		newPos = (pos_mc.slider_mc._x*(music.duration/1000))/100;
		music.stop();
		music.start(newPos, 0);
	}
	whichDrag = undefined;
	beenDragged = "pos_mc";
	this._parent.onMouseMove = undefined;
	this._parent.stopDrag();
	if(bal_mc.slider_mc._x > 47 and bal_mc.slider_mc._x < 53){
		bal_mc.slider_mc._x=50;
	}
};
scroller_mc.slider_mc.slider.onPress = function(){
	scrolling = true;
	
	this._parent.startDrag(0, this._parent._x, this._parent._parent.scrollBg_mc._y,
	this._parent._x, this._parent._parent.scrollBg_mc._y + this._parent._parent.scrollBg_mc._height);
}
scroller_mc.slider_mc.slider.onRelease = function(){
	scrolling = false;
	this._parent.stopDrag();
}

//controls the button that changes the time display from time elapsed to time left, and vice versa
timeButton_mc.onRelease = function(){
	if(timeWay == undefined){
		timeWay = "back";
	}
	else if(timeWay == "forward"){
		timeWay = "back";
	}
	else if(timeWay == "back"){
		timeWay = "forward";
	}
}
stop();

```

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 18, 2004, 4:42am UTC](https://forum.kirupa.com/t/wip-mrb/113344/13 "2004-06-18T04:42:08Z")

</div>

i LOVE the site, lower the quality of the after effects animation and the songs, the file size would lower a TON, i couldnt imagine a dialup user trying to load the side and the music.