- Main Page
- Related Pages
- Modules
- Data Structures
- Files
- Examples

external_emotion_elm.edc

Super-concise video player example using Edje/Emotion/Elementary.

/*
Super-concise video player example using Edje/Emotion/Elementary.
This is all in Edje by means of type:EXTERNAL, you don't need any C
code other than emotion and edje installed with edje_external
support enabled.
Compile: edje_cc external-emotion-elm.edc
Run....: edje_player external-emotion-elm.edj
*/
collections {
group { name: "main";
min: 350 200; /* set a min window size */
externals { /* declare the modules you want to load */
external: "emotion"; /* video player engine */
external: "elm"; /* toolkit/widgets */
}
parts {
part { name: "bg"; /* dark gray rectangle as background */
type: RECT;
description { state: "default" 0.0;
color: 64 64 64 255;
}
}
part { name: "video"; /* video object */
type: EXTERNAL;
source: "emotion";
description { state: "default" 0.0;
params {
/* explicitly select the emotion engine
* ['xine', 'gstreamer' or 'vlc']
* or comment the line to autoselect the engine */
// choice: "engine" "gstreamer";
}
}
}
part { name: "title";
type: TEXT;
effect: SOFT_SHADOW;
description { state: "default" 0.0;
color: 255 255 255 0;
color3: 0 0 0 0;
align: 0.5 0.0;
rel1 {
relative: 0.0 0.0;
offset: 10 2;
}
rel2 {
relative: 1.0 0.0;
offset: -11 10;
}
text {
font: "Sans:style=Bold";
align: 0.5 0.0;
size: 10;
min: 0 1;
text: "";
}
}
description { state: "visible" 0.0;
inherit: "default" 0.0;
color: 255 255 255 255;
color3: 0 0 0 255;
}
}
part { name: "controls-clipper"; /* clipper to control visibility */
type: RECT;
description { state: "default" 0.0;
color: 255 255 255 32;
}
description { state: "visible" 0.0;
color: 255 255 255 255;
}
}
part { name: "controls-bg"; /* controls background as
semi-transparent black at bottom edge */
type: RECT;
clip_to: "controls-clipper";
description { state: "default" 0.0;
color: 0 0 0 128;
rel1 {
relative: 0.0 1.0;
offset: 0 -40;
}
rel2 {
relative: 1.0 1.0;
offset: -1 -1;
}
}
}
part { name: "play"; /* play button at bottom-left (relative
to controls-bg) */
type: EXTERNAL;
source: "elm/button";
clip_to: "controls-clipper";
description { state: "default" 0.0;
rel1 {
relative: 0.0 0.0;
offset: 0 0;
to: "controls-bg";
}
rel2 {
relative: 0.0 1.0;
offset: 50 -1;
to: "controls-bg";
}
params.string: "icon" "apps";
}
}
part { name: "open"; /* open file button next to play button */
type: EXTERNAL;
source: "elm/fileselector_button";
clip_to: "controls-clipper";
description { state: "default" 0.0;
rel1 {
relative: 0.0 0.0;
offset: 52 0;
to: "controls-bg";
}
rel2 {
relative: 0.0 1.0;
offset: 102 -1;
to: "controls-bg";
}
params.string: "icon" "folder";
}
}
part { name: "time"; /* time/progress */
type: EXTERNAL;
source: "elm/slider";
clip_to: "controls-clipper";
description { state: "default" 0.0;
rel1 {
relative: 0.0 0.0;
offset: 104 0;
to: "controls-bg";
}
rel2 {
relative: 1.0 1.0;
offset: -1 -1;
to: "controls-bg";
}
}
}
part { name: "controls-eventarea"; /* event area so we catch mouse in
and out, repeat events so
buttons get them */
type: RECT;
repeat_events: 1;
description {
state: "default" 0.0;
color: 255 255 255 0; /* fully transparent as we don't
need any visual feedback */
rel1.to: "controls-bg";
rel2.to: "controls-bg";
}
}
programs {
/* animated 0.2 linear fade in/out if mouse is over controls */
program { signal: "mouse,in";
source: "controls-eventarea";
action: STATE_SET "visible" 0.0;
transition: LINEAR 0.2;
target: "controls-clipper";
target: "title";
}
program { signal: "mouse,out";
source: "controls-eventarea";
action: STATE_SET "default" 0.0;
transition: LINEAR 0.2;
target: "controls-clipper";
target: "title";
}
/* toggle video playing state when play is clicked */
program { name: "toggle-play-video";
signal: "clicked";
source: "play";
script {
new v = external_param_get_bool(PART:"video", "play");
external_param_set_bool(PART:"video", "play", !v);
}
}
/* whenever file is chosen, set and play it */
program { signal: "file,chosen";
source: "open";
action: PARAM_COPY "open" "path" "video" "file";
after: "play-video";
after: "set-title";
}
program { name: "play-video";
action: PARAM_SET "video" "play" "1";
}
program { name: "set-title";
action: PARAM_COPY "open" "path" "title" "text";
}
/* if position changes, set slider (time) */
program { signal: "position_update";
source: "video";
script {
new Float:p, Float:len;
p = external_param_get_float(PART:"video", "position");
len = external_param_get_float(PART:"video", "play_length");
if (len > 0.0)
external_param_set_float(PART:"time", "value", p / len);
}
}
/* if slider (time) changes, set the position (seek) */
program { signal: "changed";
source: "time";
script {
new Float:v, Float:len;
v = external_param_get_float(PART:"time", "value");
len = external_param_get_float(PART:"video", "play_length");
if (len > 0.0)
external_param_set_float(PART:"video", "position", v * len);
}
}
}
}
}
}