5 Replies Latest reply on Apr 1, 2011 4:13 PM by adninjastrator

    I need to put an image up that looks like tv turned on

    twstedwebdzine Level 1

      I need to put an image up of a television and have a video of something looping

      in the center the image of the tv would be just that and a player

      would really be under the image playing the video. I am a newbiie and would b very greatful if someone would walk me through this. I prefer to be emailed here at  twistedwebdzine@ymail.com rather than my email used for the forum. Replies here are greatly encouraged because i will be checking back often.

        • 1. Re: I need to put an image up that looks like tv turned on
          adninjastrator Level 4

          Learn to create your own custom players and skins here:

          http://www.gotoandlearn.com/index.php?currentpage=14

          review all the tutorials on video basics and you will be able to turn anything you can imagine into a video player!

          For example:

          http://www.lynnjohnson.citradingcards.com/pcc/pcc_video_player.html

          Best wishes,

          Adninjastrator

          • 2. Re: I need to put an image up that looks like tv turned on
            twstedwebdzine Level 1

            Thanks I am all over it, I know how to create the player but was lost on the skin.     I would really be thankful for a code example of what mine should look like when I upload to the web.

            • 3. Re: I need to put an image up that looks like tv turned on
              adninjastrator Level 4

              The skin (just a graphic) is something that can be created in PhotoShop or even in Flash. It needs to be able to have a hole in it for the video to show thru, so use something like a .png graphic with a transparent background. That graphic really has nothing at all to do with the palying of the video... it's just a skin, covering over the top of the video (which is on a lower layer in Flash).

              So use your imagination! Go thru those tutorials listed and you'll be able to add the controls and loader bar. then when you are ready, you can incorporate an xml playlist if you like.

              Here is an example of a simple video player with no skin... just controls and loading bar:

              http://www.exploreolympics.com/index.html

              Here is that same basic video player with a simple graphic placed over the top of the actual video. The graphic is on a higher layer in Flash, and has a hole in it so the video will show thru. This player has an xml playlist added... so the graphic has to cover over that playlist also:

              http://www.cidigitalmedia.com/video.html

              Here is that same simple video player, different type of skin. Open the menu and click on "Trailer" and you'll see a scrolling playlist added to that same simple little vid player.

              http://www.serenityfarmthemovie.com/main18.html

              Here is the code for the simple player. Of course the playlist players have added code to build and access the playlist. But start with the simple player and build on your skill from there.

               

              /* Video player created by CI Digital Media for educational purposes */

              var nc:NetConnection = new NetConnection();
              nc.connect(null);

              var ns:NetStream = new NetStream(nc);
              video_screen.attachVideo(ns);
              /* Name of your video, with correct path, goes here */
              ns.play("video1.flv");
              /* Comment out this pause line for use with auto start or leave pause to start with Play button */
              ns.pause();

              rewind_btn.onRelease = function() {
              ns.seek(0);
              }

              play_btn.onRelease = function() {
              ns.pause();
              }

              var videoInterval = setInterval(videoStatus,100);
              var amountLoaded:Number;
              var duration:Number;

              // Trace the metadata then remove the last comment tag from code below //
              ns.onMetaData = function(myMeta) {
              for (var i in myMeta) {
                trace(i + ":\t" + myMeta[i])
              }
              }
              /* cut the comment tag from line 35 and paste at end of this line so scrubber will work
              ns["onMetaData"] = function(obj) {
              duration = obj.duration;
              }
              */

              function videoStatus() {
              amountLoaded = ns.bytesLoaded / ns.bytesTotal;
              loader.loadBar._width = amountLoaded * 160;
              loader.scrub._x = ns.time / duration * 160;
              }

              var scrubInterval;

              loader.scrub.onPress = function() {
              clearInterval(videoInterval);
              scrubInterval = setInterval(scrubit,10);
              this.startDrag(false,0,this._y,160,this._y);
              }

              loader.scrub.onRelease = loader.scrub.onReleaseOutside = function() {
              clearInterval(scrubInterval);
              videoInterval = setInterval(videoStatus,100);
              this.stopDrag();
              }

              function scrubit() {
              ns.seek(Math.floor((loader.scrub._x/160)*duration));
              }

              //-------Sound Controls--------//
              this.createEmptyMovieClip("sound_mc",this.getNextHighestDepth());
              sound_mc.attachAudio(ns);

              var videoSound:Sound = new Sound(sound_mc);

              mute_btn.onRelease = function() {
              if (videoSound.getVolume() > 0) {
                videoSound.setVolume(0);     
                }
                else
                {
                 videoSound.setVolume(100);
                }
              }

              cidm_btn.onRelease = function() {
              getURL("http://www.cidigitalmedia.com/video.html", "_blank");
              }

              Best of luck!

              Adninjastrator

              • 4. Re: I need to put an image up that looks like tv turned on
                twstedwebdzine Level 1

                I do not know what to do with that code. what am i supposed to do with that

                I pasted it in and it does not even show a player. Thatis is what I have been

                saying I need all the correct format code to put this in a website here is the

                skin and plawer wit movie hw do I puit this into comoneyproductions.com

                • 5. Re: I need to put an image up that looks like tv turned on
                  adninjastrator Level 4

                  Creating a custom video player is not too difficult but you do have to put some effort in learning how to create it. That's what those tutorials are for.. go thru them step by step and you'll be able to create your own player and controls as well as understand what all the code is for.

                  There is no way to just paste in the code and automagically it works. It's all covered in the tutorials.

                  If you are in too much of a hurry to do that, then just place a FLVPlayback component on the stage and place some sort of image over the top of that.

                  Once you have created your custom player, you can use any of the common methods of placing the finished .swf on your Web page. I'd recommend using swfobject:

                  http://code.google.com/p/swfobject/

                  Best wishes,

                  Adninjastrator