NativeScript-VideoPlayer Android local videos not displaying - nativescript

Using the nativescript-videoplayer plugin with Angular I am able to view and play videos remotely and locally on IOS. However on Android I am only able to play remote videos. For local videos, the video player is displayed, but the time is at 0.00 and there is no picture, which usually means that the video source cannot be found.
I have tried specifying the source with these following paths:
src="res://videos/test.mp4"
src="~/videos/test.mp4"
And have tried placing the location of the video under:
App_Resources/videos/test.mp4
App_Resources/android/videos/test.mp4
App_Resources/android/src / main/videos.test.mp4
For a simplified example I added the local videos to this simple playground: https://play.nativescript.org/?template=play-ng&id=lCu2B5&v=50


You can put your video file in any folder under your app src. But to be able to play it, you need to get the full absolute path of the video to put it to the src property of video player.
Example that you have your app's src folder > videos > test.mp4. You can get the path to your mp4 file with Nativescript fileModule.
fileModule.path.normalize(fileModule.knownFolders.currentApp().path + "///videos///test.mp4");

Related

Getting the duration of an mp3 on a website

I'm using NAudio.Wave in my Xamarin Forms app. I have an mp3 file stored both on the device and can get the duration quite simply using NAudio. However, I also have an mp3 file on my website and need to find the duration of the mp3 file.
Can I use NAudio.Wave to find the length of the mp3 without downloading the file itself?

chrome not reading download attribute instead playing it

the download attribute works in IE correctly but in edge one file downloads but the other start playing instead of downloading.chrome just play both files

Why cant i use .mp4 and .jpg files in my Xamarin Forms Android project?

In my project (under Drawables) I have .png, .jpg and .mp4 files but when I run my project the .png files are the only ones who are successfully being used in the app. If I screenshot how for instance a .mp4 looks compared to the .png file it looks like this. The .jpg file is also looking like the .mp4 file (white).
When I right-click the files and check the build action they are all set on "AndroidResource". I add the resources both through my XAML file and code directly with the same outcome.
I am following this guide where I try to implement a video-background in xamarin.forms.android: https://www.junian.net/2017/03/fullscreen-video-background-control-for-xamarin-forms.html
Any idea why it isn't working and why the solution cannot recognize/find these files?

It is right on the tutorial you referenced:
...remember that video file on Android need to be stored under Assets directory...
You are adding your .mp4 as a Resources/Drawables, you need to add it within the Android Assets
Xamarin Guilde to Using Android Assets

Adobe Animate CC file not playing when uploaded to server

I have some basic animate CC files that work when tested locally using a browser or preview in Dreamweaver; but when uploaded to my server does not play.
The files are all adapted from the same "template" which was the first animation I created which does work when uploaded. The output files are HTML5 canvas.
Not sure why the other files will not play. Any help would be greatly appreciated!
This is the URL to the working files and then below the problem one:
http://www.robertfitzroyacademy.com/rfa-w.html (portal URL- I am testing reception and year 1)
http://www.robertfitzroyacademy.com/rfaworld-reception.html (working animation)
http://www.robertfitzroyacademy.com/rfaworld-year1.html (problem animation)
I also have a dropbox with the files in: https://www.dropbox.com/s/6gq5v6m696jgtzx/HTML5%20animation%20issue.zip?dl=0
Many thanks in advance for any help you can give.
Hanniel

I worked out the answer, I hadn't uploaded all the linked image files. Even though I had no new images as such, each time I generated a new fla file from the original it created a new image file linked to the new file.
Once I uploaded all the associated files the animation started playing.

Reading JPG into BitmapData in ActionScript 3 (JPG is inside APK file)

I'm using Adobe AIR to make APK file for my Android phone. Inside the APK package there is a SWF file and in the same folder as the SWF file there is a subfolder named "images", which contains image.jpg.
I'm trying to read that image.jpg into the program at runtime but can't get the location of it (the program doesn't seem to find it.
Here's what I'm trying:
var loader:Loader = new Loader();
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onComplete);
loader.load(new URLRequest("images/image.jpg"));
while (bitmapData==null) {} //wait until loaded
return bitmapData;
The onComplete-function puts sets the bitmapData field. However, the COMPLETE event never happens so the while loop never exists.
I have also tried:
loader.load(new URLRequest("/images/image.jpg"));
loader.load(new URLRequest("app:/images/image.jpg"));
loader.load(new URLRequest("app-storage:/images/image.jpg"));
loader.load(new URLRequest("file:/images/image.jpg"));
None of it works.
I can't get this to work even when trying without the APK file, when only running the SWF file that is generated (the images subfolder is in the same folder as the SWF file).
I can't embed the JPG into the SWF file itself because I need to have a lot of image files and Flash CS6 runs out of memory when making such a big SWF file (reading the images externally would also mean a whole lot less compilation time).
Any ideas? How can I get put the external JPG file into BitmapData? Remember that the image is not outside of the APK file, it is packaged inside it.
Note: I'll also export the thing into a iOS ipa package later so it have to work there as well.
Edit because I can't self-answer due to my reputation.
Strille made me realize that the ActionScript Virtual Machine is single-threaded.
So it's impossible to make a thread sleep (wait) for an image being loaded. Instead I have to sigh rewrite a lot of code so that things are halted and continues when the onComplete function is called.
This thing that I tried before actually works but couldn't complete due to the while loop:
loader.load(new URLRequest("app:/images/image.jpg"));

If I remember correctly, you should be able to do it like this:
loader.load(new URLRequest(new File("app:/images/image.jpg").url));
Since we're using the File class, the above will not run in the Flash Player, just on iOS or Android.

From my experience there are two practical methods to load assets from a running Android APP using AIR
using URLLoader and .url property of the File instance
using FileStream (which receives a File instance)
Adding to project
You can package the files inside the APK using
the same technique as packaging ICONS, inside the .xml descriptor file for your app.
And make sure you add those to your IDE in the Android section (applies to IntelliJ and Flash Builder) "Files and folders to package"
- add the path to your wanted assets folder, and give it a relative name alias.
Elaboration
The assets themselves are placed (when the APP is installed),
inside the ''applicationDirectory'' which is available for AIR,
Yet since newer Android OS's, and Flash player security issues,
it is not possible to access those assets via the nativePath,
only the 'url' property of the File instance.
Best Practice
Use URLLoader and .url property of the File instance,
as it is also Asynchronous by nature and can resolve PNG / JPG files
using native decoder instead of having to do this manually
reading a FileStream (which returns a a ByteArray)
var f:File = File.applicationDirectory.resolvePath('images/myimage.png');
loader.load(new URLRequest(f.url));
and,
If I'm missing more ways, please let know... )

Resources