Comments (10)
@walsong Can you let me know what other player you used?
Thanks
from ovenplayer.
@SangwonOh thank you,
I get the following error now:
Uncaught SyntaxError: Unexpected token '<' ovenplayer.provider.DashProvider~ovenplayer.provider.HlsProvider~ovenplayer.provider.Html5~ovenplaye~2ec193ac-0.9.0.js:1
Error found is:
{code: 100, message: "Can not load due to unknown reasons.", reason: "Can not load due to unknown reasons.", error: Error: Network error
when I do this: also note that in place of "player", I had this this.$refs.player
which did not work either.
My code is as follows:
<div id="player" ref="player"> </div>
this.player = window.OvenPlayer.create("player", {
sources: [
{
"type": "dash",
"file": "https://Manifest300.mpd"
}
]
});
this.player.on("error", function(error){
console.log("Error found is:", error)
})
from ovenplayer.
Actually, I did not have too much time to spend on solving the problem. I decided to use another player instead. Thanks though, perhaps in a couple of weeks I will have a look again.
from ovenplayer.
@walsong Hi. Because OvenPlayer is not webpack modularized. Instead of module, OvenPlayer is property of window object. So you can access from debugger. and you can access it simply window.OvenPlayer.
from ovenplayer.
Hi. How did you include scripts? And did you include dashjs?
from ovenplayer.
My imports currently look like this:
<script>
import dashjs from 'dashjs'
import { OvenPlayer } from 'OvenPlayer'
.... mounted hooks, destroy etc.
</script>
Also tried this import:
import Dash from '@/libs/dash.all.min.js'
Dash is before ovenplayer as per the documentation
from ovenplayer.
How about try using <script src='...'></script>
in head
element.
It seems webpack is not working properly.
from ovenplayer.
Same error when I tried this:
<template>
<div>
<div id="player"> </div>
</div>
</template>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dashjs/2.9.3/dash.all.min.js"></script>
<script src="@/libs/ovenplayer.js"></script>
<script>
//import Dash from '@/libs/dash.all.min.js'
//import dashjs from 'dashjs'
//import { OvenPlayer } from 'OvenPlayer'
//var OpenPlayer = require('OvenPlayer').default;
export default {
mounted() {
/*
if (document.getElementById('dash')) return;
var scriptDash = document.createElement("script");
scriptDash.src = "https://cdnjs.cloudflare.com/ajax/libs/dashjs/2.9.3/dash.all.min.js";
scriptDash.id = "dash";
document.getElementsByTagName('head')[0].appendChild(scriptTagDash);
var scriptTagOven = document.createElement("script");
scriptTagOven.src = "@/libs/ovenplayer.js";
scriptTagOven.id = "my-oven";
document.getElementsByTagName('head')[0].appendChild(scriptTagOven);
*/
//Vue.loadScript("@/libs/dash.all.min.js")
//Vue.loadScript("@/libs/ovenplayer.js")
this.player = window.OvenPlayer.create("player", {
sources: [
{
"type": "dash",
"file": "https://Manifest100.mpd"
}
]
});
this.player.on("error", function(error){
console.log("Error found is:", error)
})
}
}
</script>
from ovenplayer.
@walsong Hi. Are you making any progress? We could't reproduce the problem.
Our demo page http://demo.ovenplayer.com/
uses the Vuejs partially.
Viewing the source code of demo page may help you to solve the problem.
from ovenplayer.
Good luck @walsong . We hope you visit here soon. Thanks.
from ovenplayer.
Related Issues (20)
- Error Initializing HLS but only in Chrome--and the demo site works HOT 3
- PIP mode (Picture in Picture) HOT 2
- Visual Issue when resizing in Safari HOT 7
- Full screen not working in iOS 17 Safari with WebRTC HOT 9
- Can't unmute - Android Chromium HOT 1
- Vue 3 doesnt work Error initializing HLS. HOT 1
- OvenPlayer as an ES6 module ERROR HLS HOT 1
- Auto-refresh seems to generate a memory leak HOT 1
- Unable to ear sound on windows browser HOT 3
- Vue 3 oven player instans update volume and full screen replays video and start again llhls HOT 4
- Keep player as close as possible to live mode HOT 1
- feature request: customizable error icon HOT 2
- websocket connection issue HOT 1
- Unable to select Multiple audio tracks in webrtc HOT 1
- Some of the media could not be downloaded due to a network error HOT 3
- How can I implement the hls.recoverMediaError() method? HOT 1
- Unreliable WebRTC playback in Safari iOS HOT 4
- Adaptive Stream and "Auto" decision HOT 3
- How to detect when the stream becomes available? HOT 2
- Dynamically change HLS parameters HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ovenplayer.