Flash music spectrum Production

The effect of the three-day music spectrum:

Includes five classes:

MusicControl class, which is used to control music, including the control of music loading and playback.

ID3Control class, used to extract information related to music files, display various information cyclically, and display garbled characters in extracted Chinese. Here, you can use a function to correct the information:

1. Function EncodeUtf8 (str: String): String {
   
2. Var oriByteArr: ByteArray = new ByteArray ();
   
3. OriByteArr. writeUTFBytes (str );
   
4. Var tempByteArr: ByteArray = new ByteArray ();
   
5. For (var I = 0; I <oriByteArr. length; I ++ ){
   
6. If (oriByteArr = 194 ){
   
7. TempByteArr. writeByte (oriByteArr [I + 1]);
   
8. I ++;
   
9. } Else if (oriByteArr = 195 ){
   
10. TempByteArr. writeByte (oriByteArr [I + 1] + 64 );
    
11. I ++;
    
12. } Else {
    
13. TempByteArr. writeByte (oriByteArr );
    
14. }
    
15. }
    
16. TempByteArr. position = 0;
    
17. Return tempByteArr. readMultiByte (tempByteArr. bytesAvailable, "chinese ");
    
18. }

Spectrum class, which manages and displays the Spectrum. The Spectrum information is retrieved from the MusicControl class.

1. SoundMixer. computeSpectrum (_ spectrumArray, true );

The second parameter "true" indicates that the spectrum is extracted, and "false" indicates that the waveform is obtained.

1. 
   
2. /*
   
3. Class function: displays the spectrum.
   
4. */
   
5. Package net. cdipan. spectrum {
   
6. Import flash. display. Sprite;
   
7. Import flash. utils. ByteArray;
   
8. Import flash. text. TextField;
   
9. Import flash. events. MouseEvent;
   
10. Import flash.net. navigateToURL;
    
11. Import flash.net. URLRequest;
    
12. Public class spectrum extends sprite {
    
13. // Records the array of Spectrum
    
14. Private VaR _ spectrum: array;
    
15. // Record display type
    
16. Private VaR _ type: int;
    
17. // The sprite object used to display the spectrum
    
18. Private VaR _ showspectrum: SPRITE;
    
19. // The sprite object used to display the columnar Spectrum
    
20. Private VaR _ show1: SPRITE;
    
21. // The sprite object used to display the wave spectrum
    
22. Private VaR _ show2: SPRITE;
    
23. // The sprite object used to display the waveform Spectrum
    
24. Private VaR _ show3: SPRITE;
    
25. // Column object
    
26. Private VaR _ column: column;
    
27. // Waveform object
    
28. Private VaR _ waveform: waveform;
    
29. Public Function spectrum (): void {
    
30. _ Spectrum = new array (512 );
    
31. _ ShowSpectrum = new Sprite ();
    
32. _ ShowSpectrum. x = 22;
    
33. _ ShowSpectrum. y = 18;
    
34. _ Show1 = new Sprite ();
    
35. _ Show2 = new Sprite ();
    
36. _ Show3 = new Sprite ();
    
37. This. addChild (_ showSpectrum );
    
38. // Create a columnar Spectrum
    
39. CreateColumn (64,3, 1, _ show1 );
    
40. CreateColumn (256, 1, 0, _ show2 );
    
41. // Create a waveform Spectrum
    
42. _ Waveform = new Waveform ();
    
43. _ Show3.addChild (_ waveform );
    
44. _ ShowSpectrum. addChild (_ show1 );
    
45. }
    
46. // Obtain the Spectrum Array
    
47. Public function getSpectrum (byteArray: ByteArray): void {
    
48. For (var I: int = 0; I <512; I ++ ){
    
49. _ Spectrum = byteArray. readFloat ();
    
50. }
    
51. // Send the spectrum data to the column and wave sprite instances
    
52. For (var j: int = 0; j <64; j ++ ){
    
53. Var temp1: Column = _ show1.getChildByName ("column _" + j. toString () as Column;
    
54. Temp1.getSpectrum (_ spectrum [j * 4] + _ spectrum [j * 4 + 1] + _ spectrum [j * 4 + 2] + _ spectrum [j * 4 + 3] + _ spectrum [j * 4 + 256] + _ spectrum [j * 4 + 257] + _ spectrum [j * 4 + 258] + _ spectrum [j * 4 + 259]) * 12.5 );
    
55. }
    
56. For (var m: int = 0; m <256; m ++ ){
    
57. Var temp2: Column = _ show2.getChildByName ("column _" + m. toString () as Column;
    
58. Temp2.getSpectrum (_ spectrum [m] + _ spectrum [m + 256]) * 50 );
    
59. }
    
60. // Send the spectrum data to the waveform's genie instance
    
61. _ Waveform. getSpectrum (_ spectrum );
    
62. }
    
63. // Create a column sprite object
    
64. Private function createColumn (f_num: int, f_width: int, f_space: int, target: Sprite): void {
    
65. For (var I: int = 0; I <f_num; I ++ ){
    
66. _ Column = new Column ();
    
67. _ Column. name = "column _" + I. toString ();
    
68. _ Column. width = f_width;
    
69. _ Column. x = I * (f_width + f_space );
    
70. Target. addChild (_ column );
    
71. }
    
72. }
    
73. // Change the style (when the type is 0, the bar is displayed. When the value is 1, the wave is displayed. When the value is 2, the waveform is displayed)
    
74. Public function changeType (type: int): void {
    
75. Switch (type ){
    
76. Case 0:
    
77. If (_ showSpectrum. contains (_ show1 )){
    
78. _ ShowSpectrum. removeChild (_ show1 );
    
79. }
    
80. If (_ showSpectrum. contains (_ show2 )){
    
81. _ ShowSpectrum. removeChild (_ show2 );
    
82. }
    
83. If (_ showSpectrum. contains (_ show3 )){
    
84. _ ShowSpectrum. removeChild (_ show3 );
    
85. }
    
86. _ ShowSpectrum. addChild (_ show1 );
    
87. Break;
    
88. Case 1:
    
89. If (_ showSpectrum. contains (_ show1 )){
    
90. _ ShowSpectrum. removeChild (_ show1 );
    
91. }
    
92. If (_ showSpectrum. contains (_ show2 )){
    
93. _ ShowSpectrum. removeChild (_ show2 );
    
94. }
    
95. If (_ showSpectrum. contains (_ show3 )){
    
96. _ ShowSpectrum. removeChild (_ show3 );
    
97. }
    
98. _ ShowSpectrum. addChild (_ show2 );
    
99. Break;
    
100. Case 2:
     
101. If (_ showSpectrum. contains (_ show1 )){
     
102. _ ShowSpectrum. removeChild (_ show1 );
     
103. }
     
104. If (_ showSpectrum. contains (_ show2 )){
     
105. _ ShowSpectrum. removeChild (_ show2 );
     
106. }
     
107. If (_ showSpectrum. contains (_ show3 )){
     
108. _ ShowSpectrum. removeChild (_ show3 );
     
109. }
     
110. _ ShowSpectrum. addChild (_ show3 );
     
111. Break;
     
112. }
     
113. }
     
114. }
     
115. }

Column class, a stripe Spectrum class. In the Spectrum class, 64 columnar styles are created, and 256 are created in the wave style.

1. 
   
2. /*
   
3. Class function: columnar spectrum.
   
4. */
   
5. Package net. cdipan. spectrum {
   
6. Import flash. display .*;
   
7. Import flash. geom .*;
   
8. Import flash. events. Event;
   
9. Import flash. utils. Timer;
   
10. Import flash. events. TimerEvent;
    
11. Public class Column extends Sprite {
    
12. // Color of the small square on the top
    
13. Private const square_color: uint = 0 xffffff;
    
14. // Top color
    
15. Private const top_color: uint = 0 xffffff;
    
16. // Intermediate color
    
17. Private const middle_color: uint = 0x8cdcff;
    
18. // Bottom color
    
19. Private const bottom_color: uint = 0x07f7ff;
    
20. // Background genie object
    
21. Private var BG_Sp: Sprite;
    
22. // Mask genie object
    
23. Private var mask_Sp: Sprite;
    
24. // Small box genie object
    
25. Private var square_Sp: Sprite;
    
26. // Record the value of the last spectrum. If it is higher than this time, it will be reduced by one. Otherwise, this value will be set to this value.
    
27. Private var oldNum: Number;
    
28. // Timer object
    
29. Private var myTimer: Timer;
    
30. // Record whether small blocks can fall
    
31. Private var canDrop: Boolean;
    
32. Public function Column (): void {
    
33. BG_Sp = new Sprite ();
    
34. DrawGradualRect ();
    
35. AddChild (BG_Sp );
    
36. Mask_Sp = new Sprite ();
    
37. Drawmaskrect ();
    
38. Addchild (mask_sp );
    
39. Square_sp = new sprite ();
    
40. Drawsquarerect ();
    
41. Square_sp.y = 99;
    
42. Square_sp.addeventlistener (event. enter_frame, _ enterframe );
    
43. Addchild (square_sp );
    
44. // Sets the mask.
    
45. Bg_sp.mask = mask_sp;
    
46. Oldnum = 0;
    
47. Mytimer = new timer (200, 1 );
    
48. Mytimer. addeventlistener ("timer", ontimer );
    
49. Candrop = false;
    
50. }
    
51. // Drop the small square
    
52. Private function _ enterframe (E: Event): void {
    
53. If (candrop ){
    
54. Square_sp.y + = 4;
    
55. }
    
56. If (square_Sp.y> 99 ){
    
57. Square_Sp.y = 99;
    
58. }
    
59. If (square_Sp.y <-1 ){
    
60. Square_Sp.y =-1;
    
61. }
    
62. }
    
63. // Draw a gradient chart
    
64. Private function drawGradualRect (): void {
    
65. Var fillType: String = GradientType. RADIAL;
    
66. Var colors: Array = [top_color, middle_color, bottom_color];
    
67. Var alphas: Array = [1, 1, 1];
    
68. Var ratios: Array = [0x00, 0x7f, 0xff];
    
69. BG_Sp.graphics.beginGradientFill (fillType, colors, alphas, ratios );
    
70. BG_Sp.graphics.drawRect (0,-1,100, 1 );
    
71. BG_Sp.rotation = 90;
    
72. }
    
73. // Draw a mask image
    
74. Private function drawmaskrect (): void {
    
75. Mask_sp.graphics.linestyle ();
    
76. Mask_sp.graphics.beginfill (0 );
    
77. Mask_sp.graphics.drawrect (0,-100, 1 );
    
78. Mask_sp.graphics.endfill ();
    
79. Mask_sp.y = 100;
    
80. }
    
81. // Draw small blocks
    
82. Private function drawsquarerect (): void {
    
83. Square_sp.graphics.linestyle ();
    
84. Square_sp.graphics.beginfill (square_color );
    
85. Square_sp.graphics.drawrect (0, 0, 1, 1 );
    
86. Square_sp.graphics.endfill ();
    
87. }
    
88. // Receives spectrum data
    
89. Public Function getspectrum (Num: Number): void {
    
90. If (oldnum> num ){
    
91. Oldnum-= 7;
    
92. } Else {
    
93. Oldnum = num;
    
94. If (oldnum! = 0 ){
    
95. // Call the small block motion function
    
96. Squaremove (oldnum );
    
97. }
    
98. }
    
99. If (oldnum <0 ){
    
100. Oldnum = 0;
     
101. }
     
102. Mask_sp.height = oldnum;
     
103. }
     
104. // Function for controlling the movement of small blocks
     
105. Private function squaremove (Num: Number): void {
     
106. If (square_sp.y> 99-oldnum ){
     
107. Square_sp.y = 99-num;
     
108. Candrop = false;
     
109. Mytimer. Reset ();
     
110. Mytimer. Start ();
     
111. }
     
112. }
     
113. Public function onTimer (e: TimerEvent): void {
     
114. CanDrop = true;
     
115. }
     
116. }
     
117. }

Waveform class, Waveform class, drawn using a line, adding the effect of gradually disappearing tracks.

1. 
   
2. /*
   
3. Class function: waveform.
   
4. */
   
5. Package net. cdipan. spectrum {
   
6. Import flash. display .*;
   
7. Import flash. filters .*;
   
8. Import flash. geom .*;
   
9. Public class Waveform extends Sprite {
   
10. // Line color
    
11. Private const line_color: uint = 0x07f7ff;
    
12. // Create a line sprite object
    
13. Private var Line: Sprite;
    
14. // Bitmap object used for gradually disappearing tracks
    
15. Private var BMP data: BitmapData;
    
16. Private var bmp: Bitmap;
    
17. // Filter parameters
    
18. Private var colorM: ColorMatrixFilter;
    
19. Private var blur: BlurFilter;
    
20. Private var r: Rectangle;
    
21. Private var point;
    
22. // Use a number to make filter processing slow
    
23. Private var num: int;
    
24. Public function Waveform (): void {
    
25. Line = new Sprite ();
    
26. Bmp data = new BitmapData (256,100, true, 0 );
    
27. Bmp = new Bitmap (bmp data );
    
28. ColorM = new ColorMatrixFilter ([. 98,0,. 98,0,., 0,]);
    
29. Blur = new BlurFilter (7,7, BitmapFilterQuality. LOW );
    
30. R = new Rectangle (0, 0, 256,100 );
    
31. P = new Point (0, 0 );
    
32. // Add a display object
    
33. This. blendMode = BlendMode. ADD;
    
34. This. addChild (bmp );
    
35. This. addchild (line );
    
36. }
    
37. // Receives spectrum data
    
38. Public Function getspectrum (array: array): void {
    
39. If (Num % 2 = 0 ){
    
40. VaR M: Number = 0;
    
41. For (var j = 0; j <256; j + = 2 ){
    
42. M + = array [J];
    
43. }
    
44. If (M! = 0 ){
    
45. // When the playback is stopped, no image is drawn, and only a straight line is displayed.
    
46. BMP data. Draw (this );
    
47. }
    
48. BMP data. applyfilter (BMP data, R, P, colorm );
    
49. BMP data. applyfilter (BMP data, R, P, blur );
    
50. }
    
51. Num ++;
    
52. Line. Graphics. Clear ();
    
53. Line. Graphics. linestyle (1, line_color, 100 );
    
54. For (VAR I = 0; I <256; I + = 2 ){
    
55. VaR N: Number = array * 50;
    
56. If (I! = 0 ){
    
57. Line. Graphics. lineto (I, 50-n );
    
58. } Else {
    
59. Line. Graphics. moveTo (0, 50, N );
    
60. }
    
61. }
    
62. }
    
63. }
    
64. }

Source File Download:

Flash music spectrum production .rar

 

From: http://www.68design.net/Web-Guide/Flash/45403-1.html