Create a Mini Music Player in AS3

Published by Angel on Tagged AS3, Actionscript 3.0, Flash Tutorials

If you are still scratching your head trying to grasp the concept and structure of Actionscript 3, then this tutorial will help you get your feet wet. This Flash tutorial is great for users looking to begin using sound with Actionscript 3.0. It touches on the basics of sound integration and breaks its functionality.

It will basically walk you through creating your music player then followed by adding a volume control slider. This walk through consists of two individual tutorials created by Craig Campbell.

Create the Music Player

Essentially, what you have here are two buttons, start and stop. The buttons control a remote music file that the music player is accessing via the new sound object within AS3. Note: This simple music player was built to handle any one mp3 at a time.

Tutorial Source

Add a Volume Slider Control

Ok now the music player is in place. Next is a tutorial to add a volume slider to the existing music player.

Tutorial Source

Overall, this is a nice start for beginner users of Actionscript 3.0. This music player can easily be added to a personal site, blog, and even a MySpace page. Use this to get you started, then see where that will take. Enjoy!

Actionscript Used In Tutorial

//----CODED BY CRAIG CAMPBELL AT SCHOOL OF FLASH--------//
//-------- http://www.schoolofflash.com----------//

var music:Sound = new Sound(new URLRequest("walk.mp3"));
var sc:SoundChannel;
var isPlaying:Boolean = false;

stop_btn.addEventListener(MouseEvent.CLICK, stopMusic);

function stopMusic(e:Event):void
{
	if(sc != null)
	{
		sc.stop();
		isPlaying = false;
	}
}

play_btn.addEventListener(MouseEvent.CLICK, playMusic);

function playMusic(e:Event):void
{
	if (!isPlaying)
	{
		sc = music.play();
		isPlaying = true;
	}
}

//---VOLUME SLIDER---//
var dragging:Boolean = false;
var rectangle:Rectangle = new Rectangle(0,0,100,0);
volume_mc.slider_mc.addEventListener(MouseEvent.MOUSE_DOWN, dragIt);
stage.addEventListener(MouseEvent.MOUSE_UP, dropIt);

function dragIt(e:Event):void
{
	volume_mc.slider_mc.startDrag(false,rectangle);
	dragging = true;
	volume_mc.slider_mc.addEventListener(Event.ENTER_FRAME, adjustVolume);
}

function dropIt(e:Event):void
{
	if (dragging)
	{
		volume_mc.slider_mc.stopDrag();
		dragging = false;
	}
}

function adjustVolume(e:Event):void
{
	var vol:Number = volume_mc.slider_mc.x / 100;
	var st:SoundTransform = new SoundTransform(vol);
	if (sc != null)
	{
		sc.soundTransform = st;
	}
}

Related Posts

• Flash Stock of the Day: Volume Sound Control
• Moving from Flash AS2 to Flash AS3: Button Press
• Flash-XML Music Player in AS2
• Flash Countdown Timer
• AIR App of the Week: RichFLV

April 2nd, 2008