Posted on April 14th, 2010 55 comments
This is the first article of “The Usage of PlayerDIY Web Player Plugins in Joomla!” series, and I’ll keep posting in the next few days introducing how to implement every single plugin we have with the web player you create under CMS Joomla!
The reason why we have to bring out this topic lies in the fact that it’s just not enough to make PlayerDIY Web Player work in Joomla!. What’s more, we want the player has been used in Joomla! now to have more diverse capabilities, and this can be achieved by using the plugins we are talking about right now.
A Little Bit Background Information for Your Reference:
PlayerDIY Web Player: a program that can help you to create and customize a perfect flash video player for playback on blogs, websites, forums and other platforms.
Joomla!: a content management system that can build your own websites and online applications.
PlayerDIY Web Player Plugins: a bunch of versatile plugins that can extend the capabilities of player created by PlayerDIY Web Player.
The Things We have Done So Far:
We have been officially listed in Joomla! Extensions Directory, which makes the player creation and customization the easiest for Joomla! users.
We have posted an article telling people how to establish the easy connection between Joomla! and our player in 3 steps:
1. Install PlayerDIY Web Player Module in Joomla! –>Activate–>Manage–>Edit.
2. Choose to build and customize the web player inside or outside the module.
3A. If you choose inside approach, just simply fill the “playerOpts” field.
3B. If you choose outside approach, please proceed to the desktopend program PlayerDIY Web Player.
Click here to read the full article and refer to the tips below for free program downloading links.
The Things You can Do Next:
During the web player customization, use Ext Playlist Plugin to create an external playlist as vivid video navigation for your web player used in Joomla!
This plugin brings very impressive visual effect to your player and it displays video information like title, description and length in default in the created list. The most important, the plugin function can be easily implemented and it only takes 3 steps.
Step 1: Find where the Ext Playlist Plugin is located in PlayerDIY Web Player.
Step 2: Choose how you want the external list to look like in the setting page.
Step 3: Publish and paste the exact URL where the player is located to PlayerDIY Web Player Module installed in Joomla!
The Final Player Effect Preview:
Click here to learn how to make PlayerDIY Web Player work with Joomla!
Click here to download PlayerDIY Web Player
Click here to download PlayerDIY Ext Playlist PluginTutorials CMS, content management system, ext playlist plugin, external playlist, flash video player, flv player, joomla, joomla 1.5, joomla cms, joomla component, joomla download, joomla extension, joomla flash video player module, joomla menu, joomla module, joomla site, joomla template, joomla templates, joomla tutorial, joomla website, moyea plugin, moyea web player
Posted on March 15th, 2010 169 comments
An award-winning content management system(CMS), an open source solution to build your own website and online application, a totally free and easy-to-use tool available for everybody—that is our topic today, Joomla!.
New users to Joomla! and have no ideas how to start? No problem, here are some useful tips and personal experience for your reference:
1. Grab some basic info:
Read and learn something very basic about Joomla! here before you really start the journey.
2. Try the online demo:
Just simply register with your email here and you are entitled to use the online demo immediately.
Try to use and edit all the functions, tools and components it has on administrative backend and don’t be afraid of making mistakes and messing the program up. Why? Because it’s just a demo and you can’t break it.
Have a look at the interface of administrative backend below and the options you can use to build your self-customized website.
Immediate preview of public frontend is available everytime you click “Preview” button after all the changes are done.
Below is an example.
3. Extend the power of Joomla!:
We know from the previous step that Joomla! has provided abundant existing applications, content managers, components, extensions, etc for you to build and
the most important, to customize your own personalized websites. Still not enough and looking for more? Joomla! will surely give you everything you want!
Supplementarily, there are thousands of extensions available in the Joomla! Extensions Directory to help you implement some specialized functionalities or you can Create and Share your own extensions.
This is exactly the essence of Joomla!. A totally open source and it is willing to be extended and customized in any form and style you can imagine.
Have a look at how to add your own extensions to Joomla! below with just a click:
Note: Some features like Install/Uninstall are disabled with this demo, but surprisingly, you can have the easy access to download the complete version without any limitations. I’ll come to this part in the next step.
4. Download Joomla! and Start Your Adventure:
Download the Joomla! 1.5.x full package and set you free from limitations. Upload your own extensions, try diverse functions, and do whatever you want to customize the “masterpiece”!
5. Insert the Flash Video Player in Joomla!:
For amateur users, above-mentioned information may be the all they have to know, but for professionals, we’d like to dig it a little bit deeper. You may have discovered that there is no any web player module in the existing “Extensions” menu, fortunately, you can find few when you proceed to search in the Joomla! Extensions Directory. Unfortunately, the only few you can find are almost labeled ones, like YouTube and JW, etc. Here comes the question: What if I want to insert the flash video player with my own brand?
My answer is: absolutely no problem! Just follow the easy steps below:
Step 1: As we have made it clear in Point3, if you want to add some elements that Joomla! doesn’t have, they have to be added in the form of modules, and always bear in mind that they can only be installed in the COMPLETE version of Joomla! as well. Not the
TRIAL! Here you can download the flash video player module we specially designed for Joomla!.
a. Click “Extensions” –> “Install/Uninstall” to enter the following installation interface. You can either upload the whole .zip file downloaded from above link or directly input the link URL to complete installing.
Good news: PlayerDIY Web Player is just approved by Joomla! Extensions Team and has been listed in Joomla! Extensions Directory officially! Click here to visit the PlayerDIY Web Player page in Joomla! Extensions Directory and download from there directly. It’s an honor for us and we’d like to share it with you!
b1. After the successful module installation, the following page appears. Click “Extensions” –> “Module Manager” to proceed to the next step.
b2. Manage the added module here.
c. Click “Edit” icon indicated above to customize your own flash video player either inside the module or inside the PlayerDIY Web Player.
Tips: a huge difference and actually an advantage between the module we offered and other modules is – we provide flexible and optional ways to build and customize web player in your own style!
Option 1: You can build and customize the web player inside the module. This is the easiest way for amateur users. All you have to do is to fill the “playerOpts” field highlighted in red. There is a link under the box where you can click for more details about how to fill it. However, you may not have sufficient options to choose for web player’s style in this way.
Option 2: You can build and customize the web player inside the PlayerDIY Web Player. This program is the desktop end for creating and customizing your personalized web players in a “what you see is what you get” mode, and with many templates, styles, options, addons available to choose from. Please proceed to Step 2 and Step 3 below for the guide of how to use PlayerDIY Web Player.
Step 2: PlayerDIY Web Player is a very easy-to-use and powerful flash video player creating program which just takes few minutes and 3 steps to build and customize a perfect flash video player. The step-by-step tutorial is available here.
Step 3: Establish the connection between PlayerDIY Web Player and Joomla!.After publishing the created flash video player, you only have to input the player’s URL into the “src” field of the module installed in Step 1. Click “Save” and then “Preview” to view the player effect on public frontend.
Reasons You Have to Know why PlayerDIY Web Player is Recommended
a. It’s a real and powerful web player creator both for amateur and professional users;
b. It allows you to customize your-own-brand web player in a “what you see is what you get” mode, with many diverse styles to choose from but without any
requirement of coding knowledge;
c. The player creation and customization can be totally done inside the program instead in the module. This enables you to use the full functions in a
comfortable design environment other than to choose from the limited options the module has offered.
d. The easy connection between player and Joomla!. Remember the free module we have provided? It functions as a bridge connecting your web player and
Joomla!, just give it a player link, then it works perfectly. Amazingly simple.
6. Share Your Story with Joomla!:
Cheers and happy using Joomla!.
Posted on February 10th, 2010 145 comments
I. Term Interpretations You May Want to Know:
Streaming Media are multimedia that are constantly received by, and normally presented (the term “presented” is used in a general sense that includes audio or video playback) to, an end-user while being delivered by a streaming provider—from Wikipedia
RTMP (Real Time Messaging Protocol) is a proprietary protocol developed by streaming provider Adobe Systems, for streaming audio, video and data over the Internet, between a Flash player and a server—from Wikipedia
PlayerDIY RTMP Stream Plugin, developed by PlayerDIY Software, is capable of playing live streaming videos, SMIL presentations, and streaming videos from kinds of RTMP servers in RTMP FLV player customized by PlayerDIY Web Player—from playerdiy.com.
The combination of above 3 concepts comes the topic of this article: how to play LIVE streaming video imported from RTMP stream plugin in customized RTMP FLV player on site.
II. Typical Cases it May Apply but not only Limit to:
A. You have a webcam and you want to show whatever it’s capturing live via RTMP FLV player on internet.
B. Your friend has a DV recorder and he wants to display everything it’s recording live via RTMP FLV player on internet.
III. Essential Programs You have to Have:
1. Flash Media Server 3.5 (FMS)
2. Flash Media Live Encoder 3 (FMLE)
IV. Let’s Do It!
Step 1: Make sure your webcam or DV recorder is attached to computer and working.
Step 2: Install FMS in your server and launch it afterwards. Usually it operates at background rather than at desktop, but you can easily check its working status from “Control Panel” –> “Administrative Tools” –> “Services“.
Note: We will have an upcoming article soon introduces the solution of how to implement live streaming video playback in case your server is not accessible from local.
Step 3: Install FMLE in your computer and have a glance at the launch interface below.
Input area on the left, where it receives datas from camera and you can customize video and audio settings. Output area on the right where you can stream those datas to FMS and set other output-relative parameters.
Step 4: Click the green “Start” button to begin the video encoding and streaming process. The interface switches to show you the log accordingly like below. Start moving, acting, talking now in front of the webcam or DV recorder.
Step 5: Go back to FMLE interface, you will see the connection between FMLE and FMS is already established. Copy the FMS URL for the next step.
Step 6: Launch PlayerDIY Web Player with PlayerDIY RTMP Plugin installed, paste the FMS URL from the following interface.
Step 7: Proceed to the next RTMP FLV player customization procedures until it’s published. Then it’s time to enjoy the live streaming videos in your own player on any website.
Posted on July 28th, 2009 312 comments
Do you have a MySpace account? Do you want your MySpace profile to be more attractive and to be browsed by as many people as possible? The last question: do you like youtube by the way?
This article is made by those whose answer is “YES” to the above questions.
The tutorial below contains two parts:
I. Auto-play youtube videos in MySpace profile.
II. Auto-play other videos in MySpace profile.
Part I. Auto-play youtube videos in Myspace profile
Step 1: Choose your favorite video from www.youtube.com and then copy the video Embed Code.
Step 2: Add “&autoplay=1” to the embed code after video link.
Step 3: Sign in your MySpace account, click “Edit Profile” from the drop-down menu.
Paste the embed code in the “About Me” section and then click “Save Changes”.
Review your profile now, the video is already there and it’s auto playing, that’s cool!
Part II. Auto-play other videos in MySpace profile.
If you already have some existing flash videos or if you want the flash videos from other video-sharing websites or if you want your own logo on the video, no problem, we can also insert it in your MySpace profile with help from some extra tools. However, it’s easy!
Step 1. Download your preferred videos online with free Leawo Youtube Download.
Step 2: Create a flash video player with content by using PlayerDIY Web Player.
Step 3: Click “Template”, uncheck the box of “Pause at first frame”.
Step 4: Publish the customized player and upload all the published files except index.html to the same folder of the web server and then copy and paste the generated code onto your MySpace profile.
Then, enjoy a more attractive MySpace profile with flash video now.
Posted on July 28th, 2009 74 comments
Some PlayerDIY Web Player users may wonder: Do I have to create flash video players for every webpage to play different videos?
The answer is: Not necessarily! PlayerDIY Web Player offers easier solutions that you only need to create one player, and then embed it onto each webpage to play different videos by linking to different playlist file, or by linking to videos directly.
Only few steps will take you there, let’s have a look:
Step 2: Embed the flash video player onto different webpage to play different videos by linking to different playlist file or linking to videos directly.
Situation A: Link to xml playlist file. The tutorial shows below:
For example: If you want to add the flash video player onto webpage A to play videos in “demo1.xml” playlist file, the embeded code will show as below:
By analogy, if you want to add the player on another webpage to play videos in “demo2.xml” playlist file, the player embed code will show as below:
Note: the only difference is the xml file name and its path, the others remain the same.
Situation B: Link to videos directly, the tutorial shows below:
The flashvars code syntax for linking multiple videos is playerOpts=playListPath*^caption^path^image^clickurl^clicktarget^endurl^styleoftarget^endtarget……*s’
1. The “…” part means the front code can be duplicated
2. The values of caption (video name), image, clickurl, clicktarget, endurl, styleoftarget and endtarget can be “null” but can’t be “none”
For example: If you want to play video1.flv and video2.flv with the player, then the code will show as below:
Note: You can use relative paths or absolute paths to link the videos
Posted on July 23rd, 2009 76 comments
FLV(Flash Video) is a video format which is perfectly supported by Flash Professional 8. This flash maker successfully solved the problem of the huge size of output SWF file that may not be played on Internet after inputting video file to flash. Let’s have a look below on how to make delicate FLV files:
1. How to make FLV files?
Step 1: Open Flash Professional 8 and establish a new flash docment.
Step 2: Input AVI video files(this is the common video format that is frequently used by your DC or DV) that you want to convert to FLV and follow the instructions.
Step 3: Keep the default setting for “Edit” and “Encode”, click “Import video” and
then “Next step” and “Finish” at last to complete the inputting process.
Note: If you don’t have Directshow 9 and QuickTime 6.5 or higher installed in your system, a pop-up window will remind you to do so in order to import AVI successfully. Or, if you want a much easier way to do it, try PlayerDIY Video4Web Converter, it’s free and just a few clicks can complete the conversion from AVI to FLV.
Step 4: Press “Ctrl+L” to open the data base, double click the AVI file just input, open “Embed video property” interface, click “Output” to create a FLV file.
Above 4 steps lead you to convert AVI to FLV successfully and after conversion, you will surprisingly find the final size of FLV is just 541KB, much smaller than the original 23MB AVI. Now you can use it freely on Internet.
2. How to use FLV files?
Step 1: Establish a new flash document, press “Ctrl+F7” to open the “Components” window, drag “MediaPlayback” to the stage from “Media-Player 6-7”.
Step 2: Select “MediaPlayback”, press “Alt+F7” to open “Component Inspector” interface:
Some meanings of parameters in Component Inspector:
File Type: choose FLV as the defined file type, you can also choose to play MP3 file.
URL: specify the path of FLV files, because we put FLV files and Flash files in the same catalog, we only have to specify a file name here.
Control Placement: set the location of play panel.
Control Visibility: set the visibility of play panel.
Step 3: After settings, press “Ctrl+Enter” to test the performance.
Note Again:If you’d like to try something else simply and easy, PlayerDIY Web Player is one of the best choices. With which, creating a flash video player only needs a few mouse-clicks. Enjoy!
Posted on July 21st, 2009 37 comments
RTMP is one of the protocols for streaming of Audio/Video exactly using Flash Media Server and Red5. following is the detailed content about it.
What exactly is RTMP and its classifications?
RTMP (Real Time Messaging Protocol)
RTMP is a TCP based propriety protocol developed by Adobe System for the purpose of streaming Audio/Video data between Flash Player and media server.
RTMPT (Real Time Messaging Protocol with Tunnel)
RTMPT is a variation of RTMP which works behind the firewall as well. It works on Port 80 and encapsulate the RTMP data in HTTP request.
RTMPS (Real Time Messaging Protocol Secure)
RTMPS is again a variation of RTMP which works over secure HTTPS connection.
RTMPE (Real Time Messaging Protocol with Encryption)
RTMPE is a new 128 bit encrypted protocol developed by Adobe systems for securing the stream data between flash client and server. It’s lightweight than SSL. It’s a DRM solution from Adobe for flash.
RTMPTE (Real Time Messaging Protocol with Encryption and Tunnel)
RTMPTE is a RTMPE tunneling over HTTP on port 80.
MRTMP (Multiplex Real Time Messaging Protocol)
Multiplex RTMP is a protocol between edge and origin, developed by Red5 for clustering of stream data using Terracotta.
How does RTMP operate?
The raw TCP-based RTMP maintains a single persistent connection and allows real-time communication. To guarantee smooth delivery of video and audio streams, while still maintaining the ability to transmit bigger chunks of information, the protocol may split video and data into fragments. The size of the fragments used can be negotiated dynamically between the client and server, and even disabled completely if desired, although the default fragment sizes are 128 bytes for video and most other data types, and 64-bytes for audio data. Fragments from different streams may then be interleaved and multiplexed over a single connection. With longer data chunks, the protocol would then only carry a one-byte header per fragment, thus incurring very little overhead. In practice however, individual fragments are not typically interleaved. Instead, the interleaving and multiplexing is done at the packet level, with RTMP packets across several different active channels being interleaved in such a way to ensure that each channel meets its bandwidth, latency, and other quality of service requirements. Packets interleaved in this fashion are treated as indivisible, and are not interleaved on the fragment level.
The RTMP defines several channels on which packets may be sent/received, and which operate independently of each other. During a typical RTMP session, several channels may be active simultaneously at any given time. When RTMP data is packetized, a packet header is generated. The packet header specifies, among other things, the id of the channel that it is to be sent on, the timestamp at which is was generated (if necessary), and the size of the packet payload. This is then followed by the packet payload, which is fragmented according to the currently agreed-upon fragment size before it is serialized over the connection. The packet header itself is never fragmented, and its size does not count towards the data in the packet’s first fragment. In other words, only the actual packet payload data is subject to fragmentation.
What players support RTMP?
The most well-known RTMP client is Adobe’s Flash Player which can stream video and audio from RTMP servers. Besides, the open source media player XBMC has acquired preliminary support for playing RTMP streams in its SVN version. Besides, JW player, flow player and PlayerDIY Web Player version 2.0 with the RTMP Stream Plugin support the playback of live streaming videos, SMIL presentations, and streaming videos from RTMP servers.
What is RTMP server software?
Currently, the only full implementation RTMP servers are the Adobe Flash Media Server, Onlinelib VCS Video Communication Server (including iPhone Support), Wowza Media Server and WebORB Integration Server (free and available for .NET, Java and ColdFusion) both commercial and closed source implementations.
There is a reverse engineered open source project called Red5 which aims to produce a feature-complete implementation written in Java. As of October 2007, the majority of the functionality is implemented, although the project is still in the beta stage. OneTeam Media Server has also been announced by ProcessOne.
Some related news?
On 20 January 2009 Adobe announced it will publish the RTMP specification. On 21 May 2009 Adobe filed a DMCA removal request on a Sourceforge-hosted implementation of the protocol. On Monday, June 15, 2009 Adobe released the RTMP Specification, which is designed for high-performance transmission of audio, video, and data between Adobe Flash Platform technologies.
The project is dedicated to driving rich Internet experiences across televisions, personal computers, mobile devices, and consumer electronics. To support this mission, and as part of Adobe’s ongoing commitment to enable Web innovation, Adobe will continue to open access to Adobe Flash technology, accelerating the deployment of content and rich Internet applications (RIAs). This work will include:
Removing restrictions on use of the SWF and FLV/F4V specifications.
Publishing the device porting layer APIs for Adobe Flash Player.
Publishing the Adobe Flash® Cast™ protocol and the AMF protocol for robust data services.
Removing licensing fees – making next major releases of Adobe Flash Player and Adobe AIR for devices free.
Sources are from Wikipedia.
Posted on July 16th, 2009 41 comments
One of our dearest customers once has submitted an article about “how to add multiple flash video players onto one webpage” to our forum, unfortunately we just experienced a terrible break down of our server several days ago and sorry to say we have lost that article.
I’m rewriting here to express our sincere apology and hope other guys shall find this article useful and interesting.
Then, let’s come back to the topic: how to add multiple flash video players in one webpage?
Suppose there are three videos awaiting in the playlist and you want to use three flash video players to play them respectively, let’s see how:
Flash Video 1: Keep the default “play item” serial number and “flash content” serial number.
Flash Video 2: Change the “play item” serial number from “0” to “1” and accordingly, change the “flashcontent” to “flashcontent1”
Flash Video 3: Analogically, Change the “play item” serial number from “1” to “2” and change the “flashcontent1” to “flashcontent2” as well.
Note: “playerOpts=playItem*0*i” means the player is playing the first video in playlist. Analogically, “playerOpts=playItem*1*i” means the player is playing the second video. The “flash content” serial number also has to be changed accordingly.
For more detailed information about how to edit flash video player wiith code, please visit http://www.playerdiy.com/support/tutorial/play-video-in-new-page.html and http://www.playerdiy.com/support/tutorial/edit-player-with-html.html
Posted on July 15th, 2009 396 comments
Whatever your reason for wanting to add falsh videos to your WordPress blog or website-maybe you just want to share videos with your friends or want to show some business websites to your potential customers-it’s very easy with WordPress and a couple of other tools.
Tool One: Of course a WordPress account, go to www.wordpress.com and spend 5 minutes to register.
Tool Two: A flash video downloader. If you don’t have any existing flash videos at hand, no worries, you may use this flash video downloader to download flash videos from internet. Here I recommend Leawo Youtube Download
Tool Three: PlayerDIY Web Player. PlayerDIY Web Player is a WYSIWYG(what you see is what you get) program for customizing flash video player for website. It is very easy to use, with it, every single aspect of flash video player can be configured and previewed right away on graphical interfaces with a few mouse-clicks, no any coding needed. And the customized flash video player supports playing flash videos, streaming videos, live videos and SMIL presentations. It is mainly developed for web-designers and video hobbyists to build video sharing sites or add flash videos onto their websites or blogs for playing.
The step-by-step tutorial below teaches exactly how to upload your favorite videos to WordPress blog, let’s have a look:
Step 1: First upload the flash videos that you want to play on your blog or website to a sever (e.g.: upload to blip.tv), and then get the link addresses.
Step 2: Open PlayerDIY Web player from Tool Three and click “Add URL” to input those flash videos’ link addresses which from Step 1.
Step 3: Select a video to edit and all the following features will show in the playlist.
a. Adjust the video order
b. Capture pictures during video playing
c. Rename video
d. Type the address where the video will lead to after playing
e. Type the address where the video will lead to when clicking
Step 4: Click “Template” to preview the webplayer you have created so far. If you don’t like the default player skin, choose another one from the left panel.
Step 5: Click “Option” tab, then “User define area”, choose “none” to remove Embed and URL information on the screen.
Step 6: On “Publish” interface, choose a publish path, and then publish the customized player.
Step 7: Upload all the published files except the index.html file, to the same folder of a web server (you can easily search a free hosting on google). And then copy and past the embed code on the following interface into your blog.
Note: mwplayer.swf is the actual flash video player, and the swfobject.js is an adobe flash object file, you point to them with links.
Then the player with the videos will show on your WordPress blog. Enjoy!