rejetto forum

HFSFLIX

klaxnek · 25 · 28603

0 Members and 1 Guest are viewing this topic.

Offline bmartino1

  • Tireless poster
  • ****
    • Posts: 910
  • I'm only trying to help i mean no offense.
    • View Profile
    • My HFS Google Drive Shared Link
don't have time , working on it ...  will get back to you later  :( sorry

https://codepen.io/dudleystorey/pen/vnedg

Honestly, because i  would known the file paths, i would reload and make "playlist file", the playlist file would have the movie paths, and the play plays the video, you would skip to the next one to play....

Still working on rebuilding this template...

essential i'm repulidn g the java script the best i can with "flowplayer", as i know flow player will paly the all the file types...
http://flash.flowplayer.org/documentation/api/
https://flowplayer.org/latest/

unknown till completion
« Last Edit: November 20, 2015, 10:48:27 PM by bmartino1 »
Files I have snagged and share can be found on my google drive:

https://drive.google.com/drive/folders/1qb4INX2pzsjmMT06YEIQk9Nv5jMu33tC?usp=sharing


Offline bmartino1

  • Tireless poster
  • ****
    • Posts: 910
  • I'm only trying to help i mean no offense.
    • View Profile
    • My HFS Google Drive Shared Link
https://drive.google.com/file/d/0B9u5dgydfOEuc2xFdnRxbGFlS0k/view?usp=sharing

This is as far as i'm going to go with this project...

I'm unable to get the javascirpt to run properly to transfer the "item url" form hfs to the path into the swf object


-----------
there is an error in this code :(

<!-- New video player here -->
<center>
<div id="oplayer" class="flowplayer" tabindex="0" ></div>
</center>
<!-- player container-->
<a href=""    class="flowplayer"
    style="display:block;width:600px;height:1280px;margin:10px auto"
    id="oplayer">
    </a>
<script>
$(document).ready(function(){
    $('.img-zoom').hover(function() {
        $(this).addClass('transition');
    }, function() {
        $(this).removeClass('transition');
    });
});
//take in data form onclick event
document.getElementById('oplayer').style.display='none';
function flowplayer(url, title, format) {
    var div = document.getElementById('playertitle');
    div.innerHTML = "<div style='margin-top:30px;'></div>" + title + "<div style='margin-top:70px;margin-bottom:70px'><hr style='border-color:red;'></div>";
    document.getElementById('oplayer').style.display='block';
    document.getElementById('playertitle').style.display='block';
// install flowplayer
$f("flowplayer", "/template/global/flowplayer/flowplayer-3.2.18.swf", {
    playlist: [
        '%item-url%'
]
}
// select first Flowplayer instance and enable embedding for it
.embed({
    // embedded player's width. by default this is the same as in the original player
    width: 600,
    // embedded player's height. by default this is the same as in the original player
    height: 1280,
    // absolute URL for the flowplayer.swf. by default the URL is the same as for the original player
    url: '/template/global/flowplayer/flowplayer-3.2.18.swf',
    // if you just want to embed a single clip from the playlist. 0 means use the first clip
    index: 0
});
$("oplayer").html($f().getEmbedCode(true));
</script>
<!-- New video player here -->
<br />

[file]
{.switch|%item-ext%|,
|mkv|
  <tr><td class=row>%new%<a href="%item-url%">
  <div style="float:left"><img align=top src="/template/hfsflix/mkv.png" height="32" width="32"/></div>
  <div style="margin-left:43px;padding-top:8px;color:black;font-weight:bold;">%item-name%</div></a><td class="row right" style="color:black;">%item-size%B
  <td class="row right"><a href="#" onclick="oplayer('%item-url%','%item-name%','video');"><img src="/template/hfsflix/play_netflix.png" width=32/></a>
<!-- can't paly yet -->
|avi|
  <tr><td class=row>%new%<a href="%item-url%">
  <div style="float:left"><img align=top src="/template/hfsflix/movie.png" height="32" width="32"/></div>
  <div style="margin-left:43px;padding-top:8px;color:black;font-weight:bold;">%item-name%</div></a><td class="row right" style="color:black;">%item-size%B
  <td class="row right"><a href="#" onclick="oplayer('%item-url%','%item-name%','video');"><img src="/template/hfsflix/play_netflix.png" width=32/></a>
<!-- can't paly yet -->
|mp4|
  <tr><td class=row>%new%<a href="%item-url%">
  <div style="float:left"><img align=top src="/template/hfsflix/movie.png"/></div>
  <div style="margin-left:43px;padding-top:8px;color:black;font-weight:bold;">%item-name%</div></a><td class="row right" style="color:black;">%item-size%B
  <td class="row right"><a href="#" onclick="player('%item-url%','%item-name%','video');"><img src="/template/hfsflix/play_netflix.png" width=32/></a>
|mp3|
  <tr><td class=row>%new%<a href="%item-url%">
  <div style="float:left"><img align=top src="/template/hfsflix/mp3.png"/></div>
  <div style="margin-left:43px;padding-top:8px;color:black;font-weight:bold;">%item-name%</div></a><td class="row right" style="color:black;">%item-size%B
  <td class="row right"><a href="#" onclick="player('%item-url%','%item-name%','audio');"><img src="/template/hfsflix/play_netflix.png" width=32/></a>
/switch.}
-----------------------

so i'm going to turn this over to the form:
*a more experienced user will be need to accomplish this, the files and structure is there, jsut unable to figure out what i'm doing wrong...

tutorial i tired to folow:
https://flowplayer.org/docs/embedding.html
http://flash.flowplayer.org/plugins/javascript/embed.html

can also be done with swfobject: https://code.google.com/p/swfobject/wiki/documentation

I'm unable to continue working on this :(
Files I have snagged and share can be found on my google drive:

https://drive.google.com/drive/folders/1qb4INX2pzsjmMT06YEIQk9Nv5jMu33tC?usp=sharing


Offline rejetto

  • Administrator
  • Tireless poster
  • *****
    • Posts: 13510
    • View Profile
you have syntax errors, like the parenthesis of $f(
i think it's lost.
maybe the
]
}

was truly
]
})
« Last Edit: March 28, 2016, 12:18:29 PM by rejetto »


Offline rejetto

  • Administrator
  • Tireless poster
  • *****
    • Posts: 13510
    • View Profile
for the item-url, i guess you should change
playlist: [
        '%item-url%'

with
playlist: [
        url


Offline klaxnek

  • Occasional poster
  • *
    • Posts: 4
    • View Profile
Sorry for not answering all of you.

I built this template in order to stream videos from any browser (PC, mobile, ...). So I used jwplayer7 (https://www.jwplayer.com/) and I only used the JavaScript player (not the Flash .swf one).
As you can see in the code, I also planned to support audio files (.mp3), and in fact it is working. It was also my 1st javascript code... (sorry for that)

Internally I've updated jwplayer to latest version and when I enter to a movie to watch it, there is an error as you posted before (the triangle with exclamation mark). But when you click in the play button, the movie loads ok. I'll try to fix it.

I've only made 1 change to this template so far (yts.to went down). In hfsflix.tpl change these two lines:
baseurl="http://yts.ag/assets/images/movies/";
baseurlhttps="https://yts.ag/assets/images/movies/";

I'll try to answer all of you questions!


Offline klaxnek

  • Occasional poster
  • *
    • Posts: 4
    • View Profile

Im not quite understanding what to do with this? Put it in the same directory as the title *.mkv? run it then wait an hour?
Can you give a further explanation please :)

Thanks

Because jwplayer reads mp4 video files, you need to convert your mkv files to mp4.

Those are 2 batch files to convert mkv files to mp4 files. I attach them here.
- mkvdd2tomp4: Converts .mkv file with Dolby Digital 2.0 Audio to a .mp4 with Dolby Digital 2.0 Audio. It doesn't reencode, it's only a remux of the file.
- mkvac3tomp4: Converts .mkv file with Dolby Digital 5.1 Audio (AC3) to a .mp4 file with Dolby Digital 5.1 Audio (AC3). It reencodes the audio to 384kbps DD5.1

USE
1. Copy both files (mkvdd2tomp4.bat and mkvac3tomp4.bat) for example in C:\Windows
2. Copy ffmpeg.exe to C:\Windows (for example). You can download ffmpeg from here (select 32bit or 64bit, and download the 1st one, the static versions):
https://ffmpeg.zeranoe.com/builds/
3. Then you go to your movie folder using a command prompt / terminal. Then execute mkvac3tomp4 or mkvddtomp4. Before you need to know if your mkv file has 5.1 or 2.0 audio.
4. Then you wait and it converts all the mkv files in that directory to mp4 files.


Offline bmartino1

  • Tireless poster
  • ****
    • Posts: 910
  • I'm only trying to help i mean no offense.
    • View Profile
    • My HFS Google Drive Shared Link
Sorry for not answering all of you.

I built this template in order to stream videos from any browser (PC, mobile, ...). So I used jwplayer7 (https://www.jwplayer.com/) and I only used the JavaScript player (not the Flash .swf one).
As you can see in the code, I also planned to support audio files (.mp3), and in fact it is working. It was also my 1st javascript code... (sorry for that)

Internally I've updated jwplayer to latest version and when I enter to a movie to watch it, there is an error as you posted before (the triangle with exclamation mark). But when you click in the play button, the movie loads ok. I'll try to fix it.

I've only made 1 change to this template so far (yts.to went down). In hfsflix.tpl change these two lines:
baseurl="http://yts.ag/assets/images/movies/";
baseurlhttps="https://yts.ag/assets/images/movies/";

I'll try to answer all of you questions!

why not use flowplayer, as it uses javascript and can play all the file types!

http://flash.flowplayer.org/documentation/api/

i was jsut having a hard time reading your code for moving the item URL, and havn't had time to go back and re look at this.

Yes you can convert the video files, but htat takes too much time / can destory video qualti, etc.. and i would recomend any video convertor (its free)
http://filehippo.com/download_any_video_converter/

...
Files I have snagged and share can be found on my google drive:

https://drive.google.com/drive/folders/1qb4INX2pzsjmMT06YEIQk9Nv5jMu33tC?usp=sharing


Offline klaxnek

  • Occasional poster
  • *
    • Posts: 4
    • View Profile
why not use flowplayer, as it uses javascript and can play all the file types!
I don't see that flowplayer supports mkv:
http://flash.flowplayer.org/documentation/installation/formats.html

It only supports as far I can see flv, mp4, mov, m4v and f4v.
If you find any other html5 player that supports mkv tell me.


Offline dj

  • Tireless poster
  • ****
    • Posts: 291
  • 👣 🐾
    • View Profile
    • PWAs
try rename .mkv to .mkv.webm and open it with chrome
WebM is a variant of Matroska Container


Offline bmartino1

  • Tireless poster
  • ****
    • Posts: 910
  • I'm only trying to help i mean no offense.
    • View Profile
    • My HFS Google Drive Shared Link
I don't see that flowplayer supports mkv:
http://flash.flowplayer.org/documentation/installation/formats.html

It only supports as far I can see flv, mp4, mov, m4v and f4v.
If you find any other html5 player that supports mkv tell me.

m-peg 4 is also a careir for the  mkv, that is defiend in mime types, and flash can play that...
quote form flowplaer "Flowplayer can handle virtually all formats which are supported by Flash."

https://helpx.adobe.com/flash/kb/supported-codecs-flash-player.html

flow player is jut the carier of the  file itself, the PC picks up mime types and plays them...

also known from another post i put up:
http://www.rejetto.com/forum/hfs-~-http-file-server/information-(mime-types)-embed-pdfsvideo-and-audio/

see mime types:
http://www.rejetto.com/forum/hfs-~-http-file-server/information-(mime-types)-embed-pdfsvideo-and-audio/?action=dlattach;attach=7601;image

mkv stsandard mime type is:
*.mkv video/x-matroska

as per DJ request: http://stackoverflow.com/questions/17018119/how-to-play-mkv-file-in-browser
you can chage to mimetype info to paly it via change the open soucre way
*.mkv mime to video/webm

....

if you want a basic test see this link with a mkv file, jsut add the html code in hfs defual and add the mime type:
http://sandbox.thewikies.com/vfe-generator/
« Last Edit: March 31, 2016, 01:14:47 PM by bmartino1 »
Files I have snagged and share can be found on my google drive:

https://drive.google.com/drive/folders/1qb4INX2pzsjmMT06YEIQk9Nv5jMu33tC?usp=sharing