hazza/Phraseanet
1
0
Fork 0
mirror of https://github.com/alchemy-fr/Phraseanet.git synced 2025-10-23 18:03:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

wip extract video editor functionality to import into edit tools

Browse Source
This commit is contained in:
Mike Ng
2018-03-20 16:43:57 +04:00
parent 978bad61a3
commit 696fc34642
5 changed files with 300 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
lib/Alchemy/Phrasea/Controller/Prod/LanguageController.php
View File

@@ -97,33 +97,34 @@ class LanguageController
'onlyOneRecord' => $translator->trans('You can choose only one record'), 'onlyOneRecord' => $translator->trans('You can choose only one record'),
'errorAjaxRequest' => $translator->trans('An error occured, please retry'), 'errorAjaxRequest' => $translator->trans('An error occured, please retry'),
'fileBeingDownloaded' => $translator->trans('Some files are being downloaded'), 'fileBeingDownloaded' => $translator->trans('Some files are being downloaded'),
'warning' => $translator->trans('Attention'), 'warning' => $translator->trans('Attention'),
'browserFeatureSupport' => $translator->trans('This feature is not supported by your browser'), 'browserFeatureSupport' => $translator->trans('This feature is not supported by your browser'),
'noActiveBasket' => $translator->trans('No active basket'), 'noActiveBasket' => $translator->trans('No active basket'),
'pushUserCanDownload' => $translator->trans('User can download HD'), 'pushUserCanDownload' => $translator->trans('User can download HD'),
'feedbackCanContribute' => $translator->trans('User contribute to the feedback'), 'feedbackCanContribute' => $translator->trans('User contribute to the feedback'),
'feedbackCanSeeOthers' => $translator->trans('User can see others choices'), 'feedbackCanSeeOthers' => $translator->trans('User can see others choices'),
'forceSendDocument' => $translator->trans('Force sending of the document ?'), 'forceSendDocument' => $translator->trans('Force sending of the document ?'),
'export' => $translator->trans('Export'), 'export' => $translator->trans('Export'),
'share' => $translator->trans('Share'), 'share' => $translator->trans('Share'),
'move' => $translator->trans('Move'), 'move' => $translator->trans('Move'),
'push' => $translator->trans('Push'), 'push' => $translator->trans('Push'),
'feedback' => $translator->trans('Feedback'), 'feedback' => $translator->trans('Feedback'),
'toolbox' => $translator->trans('Tool box'), 'toolbox' => $translator->trans('Tool box'),
'print' => $translator->trans('Print'), 'videoEditor' => $translator->trans('prod:edit: video-editor'),
'attention' => $translator->trans('Attention !'), 'print' => $translator->trans('Print'),
'mapMarkerEdit' => $translator->trans('Edit position'), 'attention' => $translator->trans('Attention !'),
'mapMarkerAdd' => $translator->trans('Add a position'), 'mapMarkerEdit' => $translator->trans('Edit position'),
'mapMarkerMoveLabel' => $translator->trans('Drag and drop the pin to move position'), 'mapMarkerAdd' => $translator->trans('Add a position'),
'mapMarkerEditCancel' => $translator->trans('Cancel'), 'mapMarkerMoveLabel' => $translator->trans('Drag and drop the pin to move position'),
'mapMarkerEditSubmit' => $translator->trans('Submit'), 'mapMarkerEditCancel' => $translator->trans('Cancel'),
'Keyboard shortcuts' => $translator->trans('Keyboard shortcuts'), 'mapMarkerEditSubmit' => $translator->trans('Submit'),
'Play' => $translator->trans('Play'), 'Keyboard shortcuts' => $translator->trans('Keyboard shortcuts'),
'Change play speed' => $translator->trans('Change play speed'), 'Play' => $translator->trans('Play'),
'Pause' => $translator->trans('Pause'), 'Change play speed' => $translator->trans('Change play speed'),
'One frame forward' => $translator->trans('One frame forward'), 'Pause' => $translator->trans('Pause'),
'One frame backward' => $translator->trans('One frame backward'), 'One frame forward' => $translator->trans('One frame forward'),
'Add an entry point' => $translator->trans('Add an entry point'), 'One frame backward' => $translator->trans('One frame backward'),
'Add an entry point' => $translator->trans('Add an entry point'),
'Add an end point' => $translator->trans('Add an end point'), 'Add an end point' => $translator->trans('Add an end point'),
'Navigate to entry point' => $translator->trans('Navigate to entry point'), 'Navigate to entry point' => $translator->trans('Navigate to entry point'),
'Navigate to end point' => $translator->trans('Navigate to end point'), 'Navigate to end point' => $translator->trans('Navigate to end point'),
@@ -131,20 +132,21 @@ class LanguageController
'Toggle loop' => $translator->trans('Toggle loop'), 'Toggle loop' => $translator->trans('Toggle loop'),
'Shift' => $translator->trans('Shift'), 'Shift' => $translator->trans('Shift'),
'Ctrl' => $translator->trans('Ctrl'), 'Ctrl' => $translator->trans('Ctrl'),
'Space bar' => $translator->trans('Space bar'), 'Space bar' => $translator->trans('Space bar'),
'or' => $translator->trans('or'), 'or' => $translator->trans('or'),
'Suppr' => $translator->trans('Suppr'), 'Suppr' => $translator->trans('Suppr'),
'Add new range' => $translator->trans('Add new range'), 'Add new range' => $translator->trans('Add new range'),
'Export ranges' => $translator->trans('Export ranges'), 'Export ranges' => $translator->trans('Export ranges'),
'Start Range' => $translator->trans('Start Range'), 'Start Range' => $translator->trans('Start Range'),
'End Range' => $translator->trans('End Range'), 'End Range' => $translator->trans('End Range'),
'Remove current Range' => $translator->trans('Remove current Range'), 'Remove current Range' => $translator->trans('Remove current Range'),
'Go to start point' => $translator->trans('Go to start point'), 'Go to start point' => $translator->trans('Go to start point'),
'Go 1 frame backward' => $translator->trans('Go 1 frame backward'), 'Go 1 frame backward' => $translator->trans('Go 1 frame backward'),
'Go 1 frame forward' => $translator->trans('Go 1 frame forward'), 'Go 1 frame forward' => $translator->trans('Go 1 frame forward'),
'Go to end point' => $translator->trans('Go to end point'), 'Go to end point' => $translator->trans('Go to end point'),
'Move up range' => $translator->trans('Move up range'), 'Move up range' => $translator->trans('Move up range'),
'Move down range' => $translator->trans('Move down range'), 'Move down range' => $translator->trans('Move down range'),
'error video editor' => $translator->trans('prod:edit: only a media of type video can be edited'),
]); ]);
} }
} }

57
lib/Alchemy/Phrasea/Controller/Prod/ToolsController.php
View File

@@ -40,26 +40,12 @@ class ToolsController extends Controller
$metadatas = false; $metadatas = false;
$record = null; $record = null;
$recordAccessibleSubdefs = array(); $recordAccessibleSubdefs = array();
$JSFields = [];
if (count($records) == 1) { if (count($records) == 1) {
/** @var \record_adapter $record */ /** @var \record_adapter $record */
$record = $records->first(); $record = $records->first();
$databox = $record->getDatabox(); $databox = $record->getDatabox();
foreach ($databox->get_meta_structure() as $meta) {
/** @var \databox_field $meta */
$fields[] = $meta;
/** @Ignore */
$JSFields[$meta->get_id()] = [
'id' => $meta->get_id(),
'name' => $meta->get_name(),
'_value' => $record->getCaption([$meta->get_name()]),
];
}
// fetch subdef list: // fetch subdef list:
$subdefs = $record->get_subdefs(); $subdefs = $record->get_subdefs();
@@ -105,10 +91,8 @@ class ToolsController extends Controller
return $this->render('prod/actions/Tools/index.html.twig', [ return $this->render('prod/actions/Tools/index.html.twig', [
'records' => $records, 'records' => $records,
'record' => $record, 'record' => $record,
'videoEditorConfig' => $conf->get(['video-editor']),
'recordSubdefs' => $recordAccessibleSubdefs, 'recordSubdefs' => $recordAccessibleSubdefs,
'metadatas' => $metadatas, 'metadatas' => $metadatas,
'JSonFields' => json_encode($JSFields),
]); ]);
} }
@@ -468,4 +452,45 @@ class ToolsController extends Controller
return $this->app->json(['success' => true, 'errorMessage' => '']); return $this->app->json(['success' => true, 'errorMessage' => '']);
} }
public function videoEditorAction(Request $request)
{
$records = RecordsRequest::fromRequest($this->app, $request, false);
$metadatas = false;
$record = null;
$JSFields = [];
if (count($records) == 1) {
/** @var \record_adapter $record */
$record = $records->first();
$databox = $record->getDatabox();
foreach ($databox->get_meta_structure() as $meta) {
/** @var \databox_field $meta */
$fields[] = $meta;
/** @Ignore */
$JSFields[$meta->get_id()] = [
'id' => $meta->get_id(),
'name' => $meta->get_name(),
'_value' => $record->getCaption([$meta->get_name()]),
];
}
if (!$record->isStory()) {
$metadatas = true;
}
}
$conf = $this->getConf();
return $this->render('prod/actions/Tools/videoEditor.html.twig', [
'records' => $records,
'record' => $record,
'videoEditorConfig' => $conf->get(['video-editor']),
'metadatas' => $metadatas,
'JSonFields' => json_encode($JSFields),
]);
}
} }

1
lib/Alchemy/Phrasea/ControllerProvider/Prod/Tools.php
View File

@@ -72,6 +72,7 @@ class Tools implements ControllerProviderInterface, ServiceProviderInterface
$controllers->post('/metadata/save/', 'controller.prod.tools:saveMetasAction') $controllers->post('/metadata/save/', 'controller.prod.tools:saveMetasAction')
->bind('prod_tools_metadata_save'); ->bind('prod_tools_metadata_save');
$controllers->get('/videoEditor', 'controller.prod.tools:videoEditorAction');
return $controllers; return $controllers;
} }

211
templates/web/prod/actions/Tools/videoEditor.html.twig Normal file
View File

@@ -0,0 +1,211 @@
{% set selectionLength = records|length %}
{% set isVideo = 'false' %}
{% if selectionLength == 1 %}
{% for record in records %}
{% set subdefs = record.get_subdefs() %}
{% if record.get_type() == 'video' %}
{% set isVideo = 'true' %}
{% endif %}
{% endfor %}
{% endif %}
<div id='prod-tool-box' class="PNB10">
{# jquery Tabs #}
<div id="tool-tabs" class="tabs">
{# jquery menu #}
<div>
<ul>
<li>
<a href="#thumbExtractor">
{{ "video tool" | trans }}
</a>
</li>
<li>
<a href="#rangeExtractor">
{{ "video range extractor" | trans }}
</a>
</li>
</ul>
</div>
{% if selectionLength == 1 %}
{% for record in records %}
{% if record.get_type() == 'video' %}
<div id="thumbExtractor" class="tabBox">
<div class="PNB10 main_title">
<img src='/assets/prod/images/ThumbExtractor/camera_title.png'/>
{{ "screenshot video" | trans }}
</div>
<hr style='margin-top:25px;'/>
<div class="PNB part_title_left"></div>
<div class="PNB frame_video">
{% set outputFormats = record.getSubdfefByDeviceAndMime(null, ['image/jpeg', 'image/png']) %}
{% set previewHtml5 = record.getSubdfefByDeviceAndMime(constant('\\databox_subdef::DEVICE_SCREEN'), ['video/ogg', 'video/mp4', 'video/webm']) %}
{% set dataW = constant('media_subdef::TC_DATA_WIDTH') %}
{% set dataH = constant('media_subdef::TC_DATA_HEIGHT') %}
{% set technical_info = record.get_technical_infos %}
{% set width = technical_info[dataW].value %}
{% set height = technical_info[dataH].value %}
{% if width and height %}
{% set rawRatio = (width / height)|number_format(3, '.') %}
{% set rawRatioLength = rawRatio|length %}
{% set ratio = rawRatio|slice(0,rawRatioLength-1) %}
{% else %}
{% set ratio = '' %}
{% endif %}
<video id="thumb_video" controls="" preload="auto" data-ratio="{{ ratio }}">
{% for subdef in previewHtml5 %}
<source type="{{ subdef.get_mime() }}" src="{{ subdef.get_url() }}"/>
{% endfor %}
{{ 'No preview available' | trans }}
</video>
</div>
<div class="PNB action_bar_left">
</div>
<div id="thumb_camera_button" class="PNB">
<img src="/assets/prod/images/ThumbExtractor/camera_button.png"
alt="{{ 'take a screenshot' | trans }}"/>
</div>
<div class="PNB part_title_right">
</div>
<div class="PNB frame_canva">
<div id="thumb_delete_button">
<img src="/assets/prod/images/ThumbExtractor/delete.png"/>
</div>
<p id='thumb_info'>{{ 'To take a screenshot click on camera' | trans }}</p>
<canvas id="thumb_canvas"></canvas>
<div id="alt_canvas_container"
style="position:absolute;overflow:hidden;top:-1200px;visibility: hidden; width:0!important;height:0!important">
{% for subdef in outputFormats %}
<canvas data-width="{{ subdef.get_width() }}" data-name="{{ subdef.get_name() }}"
class="alt_canvas" id="{{ subdef.get_name() }}"></canvas>
{% endfor %}
</div>
</div>
<div id="thumb_slider" class="PNB">
<div id="thumb_wrapper">
</div>
</div>
<div class="thumb_submit_action PNB">
<input type="hidden" value='{{ record.get_sbas_id() }}' name='sbas_id'>
<input type="hidden" value='{{ record.get_record_id() }}' name='record_id'>
<button id="thumb_validate_button" class="btn btn-inverse"
type="button">{{ "validate" | trans }}</button>
</div>
</div>
<div id="rangeExtractor" class="">
<div class="main_title">
<img src='/assets/prod/images/ThumbExtractor/camera_title.png'/>
{{ "video range extractor" | trans }}
</div>
<div class="video-range-editor-container"></div>
<div class="video-data-container">
<dl class="dl-horizontal">
<dt>Ratio</dt>
<dd>{{ ratio }}</dd>
<dt>Type</dt>
<dd>{{ record.get_mime() }}</dd>
{% if record.exif[constant('media_subdef::TC_DATA_FRAMERATE')] is defined %}
<dt>{{ 'Images par secondes' | trans }}</dt>
<dd>{{ record.exif[constant('media_subdef::TC_DATA_FRAMERATE')] | round(2) }}ips
</dd>
{% endif %}
{% if record.exif[constant('media_subdef::TC_DATA_AUDIOCODEC')] is defined %}
<dt>{{ 'Codec Audio' | trans }}</dt>
<dd>{{ record.exif[constant('media_subdef::TC_DATA_AUDIOCODEC')] }}</dd>
{% endif %}
<dt>{{ 'Size' | trans }}</dt>
<dd>{% set width = record.exif[constant('media_subdef::TC_DATA_WIDTH')]|default
(null) %}
{% set height = record.exif[constant('media_subdef::TC_DATA_HEIGHT')]|default(null) %}
{% if width is not none and height is not none %}
{{ width ~ " x " ~ height }}
{% endif %}</dd>
</dl>
</div>
</div>
{% endif %}
{% endfor %}
{% endif %}
</div>
{# hidden iframe to handle upload #}
<iframe
id="uploadHdsub"
name="uploadHdsub"
height="0"
width="0"
border="0"
>
</iframe>
</div>
<script type="text/javascript">
var toolsConfig = {
selectionLength: {{ selectionLength }},
isVideo: '{{ isVideo }}',
databaseId: {% if selectionLength == 1 %}{{ record.get_base_id }}{% else %}0{% endif %},
databoxId: {% if selectionLength == 1 %}{{ record.get_sbas_id() }}{% else %}0{% endif %},
recordId: {% if selectionLength == 1 %}{{ record.get_record_id }}{% else %}0{% endif %},
translations: {
alertTitle: '{{ "alert" | trans }}',
noImgSelected: '{{ "no image selected" | trans }}',
processing: '{{ "processing" | trans }}',
thumbnailTitle: '{{ 'thumbnail validation' | trans }}',
updateTitle: '{{ 'Successful update' | trans }}'
},
T_fields: {{ JSonFields|raw }},
videoEditorConfig: {% if videoEditorConfig is not null %}{{ videoEditorConfig|json_encode()|raw }}{% else %}{}{% endif %},
records: [
{% for record in records %}
{
id: {{ record.get_record_id }},
type: "{{ record.get_type() }}",
{% if record.get_type() == 'video' %}
{% if selectionLength == 1 %}
{% set outputFormats = record.getSubdfefByDeviceAndMime(null, ['image/jpeg', 'image/png']) %}
{% set previewHtml5 = record.getSubdfefByDeviceAndMime(constant('\\databox_subdef::DEVICE_SCREEN'), ['video/ogg', 'video/mp4', 'video/webm']) %}
{% set dataW = constant('media_subdef::TC_DATA_WIDTH') %}
{% set dataH = constant('media_subdef::TC_DATA_HEIGHT') %}
{% set technical_info = record.get_technical_infos %}
{% set width = technical_info[dataW].value %}
{% set height = technical_info[dataH].value %}
{% if width and height %}
{% set ratio = (width / height)|number_format(2, '.') %}
{% else %}
{% set ratio = '' %}
{% endif %}
sources: [
{% for subdef in previewHtml5 %}
{
ratio: '{{ ratio }}',
framerate: {{ record.exif[constant('media_subdef::TC_DATA_FRAMERATE')] | round(2) }},
type: "{{ subdef.get_mime() }}",
src: "{{ subdef.get_url() }}"
}{% if not loop.last %},{% endif %}
{% endfor %}
]
{% endif %}
{% endif %}
}{% if not loop.last %},{% endif %}
{% endfor %}
]
};
</script>

4
templates/web/prod/toolbar.html.twig
View File

@@ -68,6 +68,10 @@
{{ 'action : editer' | trans }} {{ 'action : editer' | trans }}
{% endset %} {% endset %}
{% set actions = actions|merge( { 'edit' : {'icon': "/assets/common/images/icons/ppen_history.png", 'class':'TOOL_ppen_btn', 'label' : label} }) %} {% set actions = actions|merge( { 'edit' : {'icon': "/assets/common/images/icons/ppen_history.png", 'class':'TOOL_ppen_btn', 'label' : label} }) %}
{% set label %}
{{ 'prod::toolbar : video editor' | trans }}
{% endset %}
{% set actions = actions|merge( { 'video' : {'icon': "/assets/common/images/icons/ppen_history.png", 'class':'TOOL_videoeditor_btn', 'label' : label} }) %}
{% endif %} {% endif %}
{% if acl.has_right(constant('\\ACL::CHGSTATUS')) %} {% if acl.has_right(constant('\\ACL::CHGSTATUS')) %}
{% set label %} {% set label %}