# Drag and Drop in PHOTON

## 1. Drag-and-Drop a Media onto the Timeline to Create a Media Clip

{% embed url="<https://vimeo.com/501935255>" %}

{% hint style="info" %}
**OPEN THE TIMELINE MODULE**

Select {Show > Timeline} or press \[Alt+T].
{% endhint %}

1. Select the Video filter.
2. &#x20;Drag-and-drop a video file on a Layer to add it onto the Timeline.
3. (The Media Clip’s length will match the video file’s duration).
4. Navigate back to the File Manager module.
5. Select the Image filter.
6. Drag-and-drop an image file to add it on a Layer onto the Timeline.
7. (The Media Clip’s default length is defined in Settings > General > Timeline > Clip).

{% content-ref url="../../modules/timeline" %}
[timeline](https://docs.vyv.ca/modules/timeline)
{% endcontent-ref %}

## 2. Drag-and-Drop a FX Graph onto the Timeline to Create an FX Graph Clip

{% embed url="<https://vimeo.com/502336621>" %}
FX Graph: Drag-and-Drop a FX Graph onto the Timeline to Create an FX Graph Clip
{% endembed %}

{% hint style="info" %}
**OPEN THE TIMELINE MODULE**

Select {Show > Timeline} or press \[Alt+T].
{% endhint %}

{% hint style="info" %}
**OPEN THE FX GRAPH MODULE**

Select {Show > FX Graph} or press \[Alt+X].
{% endhint %}

1. Select an existing Graph or create a new one by clicking on the \[+] button.
2. Drag-and-drop an FX Graph to add it on a Layer onto the Timeline.
3. &#x20;(The FX Graph Clip’s default length is defined in Settings > General > Timeline > Clip).

{% content-ref url="../../modules/fx-graph" %}
[fx-graph](https://docs.vyv.ca/modules/fx-graph)
{% endcontent-ref %}

{% content-ref url="../../modules/timeline" %}
[timeline](https://docs.vyv.ca/modules/timeline)
{% endcontent-ref %}

## 3. Drag-and-Drop an Input Device onto the Timeline to Create an Input Device Clip&#x20;

{% embed url="<https://vimeo.com/502331359>" %}
I/O Manager: Drag-and-Drop an Input Device onto the Timeline to Create an Input Device Clip
{% endembed %}

{% hint style="info" %}
**OPEN THE TIMELINE MODULE**

Select {Show > Timeline} or press \[Alt+T].
{% endhint %}

{% hint style="info" %}
**OPEN THE SETTINGS MODULE**

Select {System > Settings} or press \[Alt+S].
{% endhint %}

1. Select the Input Devices tab.
2. Select an existing device from the list or create a new one using the \[+] button and select\
   it with the Available Devices dropdown menu.
3. &#x20;Drag-and-drop an Input Device to add it on a Layer onto the Timeline.
4. &#x20;(The Input Device Clip’s default length is defined in Settings > General > Timeline >\
   Clip).

{% content-ref url="../../modules/timeline" %}
[timeline](https://docs.vyv.ca/modules/timeline)
{% endcontent-ref %}

{% content-ref url="../../modules/settings" %}
[settings](https://docs.vyv.ca/modules/settings)
{% endcontent-ref %}

## 4. Drag-and-Drop a Cue onto the Timeline to Create a Cue Clip

{% embed url="<https://vimeo.com/502319700>" %}
Cue Editor: Drag-and-Drop a Cue onto the Timeline to Create a Cue Clip
{% endembed %}

{% hint style="info" %}
**OPEN THE TIMELINE MODULE**

Select {Show > Timeline} or press \[Alt+T].
{% endhint %}

{% hint style="info" %}
**OPEN THE CUE EDITOR MODULE**

Select {Show > Cue Editor} or press \[Alt+Q].
{% endhint %}

1. Select the Audio Devices tab.
2. Select an empty slot from the Active Devices list.
3. Select an audio interface from the Available Devices list to assign it as the Active Device.
4. Incoming audio timecode will be displayed in the Preview window if set correctly.

{% content-ref url="../../modules/timeline" %}
[timeline](https://docs.vyv.ca/modules/timeline)
{% endcontent-ref %}

{% content-ref url="../../modules/cue-editor" %}
[cue-editor](https://docs.vyv.ca/modules/cue-editor)
{% endcontent-ref %}

## 5. Drag-and-Drop 3D Object onto the 3D Scene

{% embed url="<https://vimeo.com/502353477>" %}
3D Scene: Drag-and-Drop 3D Object onto the 3D Scene
{% endembed %}

{% hint style="info" %}
**OPEN THE 3D SCENE MODULE**

Select {Show > 3D Scene} or press \[Alt+C].
{% endhint %}

{% hint style="info" %}
**OPEN THE FILE MANAGER MODULE**

Select {Show > File Manager} or press \[Alt+F].
{% endhint %}

1. Select the 3D Object filter.
2. Drag-and-drop 3D objects to add them in the 3D Scene.

{% content-ref url="../../modules/3d-scene" %}
[3d-scene](https://docs.vyv.ca/modules/3d-scene)
{% endcontent-ref %}

{% content-ref url="../../modules/file-manager" %}
[file-manager](https://docs.vyv.ca/modules/file-manager)
{% endcontent-ref %}